jQuery中显示id未定义时出错

Error in jQuery showing id undefined

本文关键字：出错 未定义 id 显示 jQuery      更新时间：2023-09-26

我有一个jQuery脚本，它以这种方式创建div

function dump_template(src,close_div)
{
    var item_template = $('<img/>', {'id':'target','src':src});
    var first_text = $('<div/>', {'id':'first_text','class':'edit_text'});
    $(first_text).css({"left":"0px",
                        "top":"0px",
                        "color":"#fff",
                        "position":"relative",
                        "width":"auto",
                        "text-align":"center"});
    $(first_text).html('Demo First Text');

    var second_text = $('<div/>', {'id':'second_text','class':'edit_text'});
    $(second_text).css({"left":"0px",
                        "top":"0px",
                        "color":"#fff",
                        "position":"relative",
                        "width":"auto",
                        "text-align":"center"});
    $(second_text).html('Demo Second Text');                    

    $('#main_canvas').html(item_template);
    var width = $("#target").width();
    var height = $("#target").height();;
    $('#main_canvas').css({'height':height+'px','width':width+'px'});

    var drag_first_text = $('<div/>', {'id':'drag_first_text','class':'context-menu-text'});
    var drag_second_text = $('<div/>', {'id':'drag_second_text','class':'context-menu-text'});
    $(drag_first_text).css({"left":"20px",
                "top":"100px",
                "position":"absolute",
                "width":"auto",
                "z-index":"5",
                "text-align":"center",
                });
    $(drag_second_text).css({"left":"20px",
                "top":"150px",
                "position":"absolute",
                "width":"auto",
                "z-index":"5",
                "text-align":"center"});
    $(drag_first_text).append(first_text);
    $(drag_second_text).append(second_text);
    $('#main_canvas').append(drag_first_text).append(drag_second_text);
    $(drag_first_text).draggable({grid:[1,1]});
    $(drag_second_text).draggable({grid:[1,1]});
    HideModalPopup(close_div);
}

现在我在jQuery中有一些代码如下：

var content = $(this).find('.edit_text').text();
var outside_div_id = $(this).id;
alert(outside_div_id);
var inside_div_id = $(this).find('.edit_text').id;
alert(inside_div_id);

在上面的代码示例中，$（this）指的是id为"drag_first_text"answers"drag_cond_text"的div，它们对应于所选的div。

但是CCD_ 1和CCD_。

我怎样才能找到故障？

您需要使用get或使用索引或使用attr("id") 将其转换为本地Element

var outside_div_id = $(this)[0].id; // or $(this).attr("id")
alert(outside_div_id);

没有.id.这样的东西

var outside_div_id = $(this).attr('id');
alert(outside_div_id);
var inside_div_id = $(this).find('.edit_text').attr('id');
alert(inside_div_id);

如果你有任何问题，请告诉我。

相关文章：