Question

我无法访问jQuery追加元素的ID。

我已尝试在$（）中附加附加的HTML，但它仍然无效。

这里有一个类似的问题，但我还没有能够适应它 - here。

// fn to append html code to div
var addCode = function(html, div) {
    var $html = $(html);
    $("#"+div).append($html);

}

// generate a series of links
var str="";
for (var i=0; i<5; i++) {
    var random_integer = Math.floor(Math.random()*11);

    str+="<a href=\"#\" class=\"add_image\" id=\""+random_integer+"\">Receipt</a> ";
}

// on click test1 add string to div test2
$("#test1").on("click", function(){
    addCode(str, "test2");
});

// alert the link id
$(".add_image").on("click", function(){

    var id=$(this).attr("id");
    alert("link id="+id);

});

以下是示例http://jsfiddle.net/chakotha/7mw0m9ch/1/

非常感谢。

Answer 1

您需要更改最后一个函数，以便为动态添加的元素使用事件委派：

$(document).on("click", ".add_image",function(){
    var id=$(this).attr("id");
    alert("link id="+id);
});

<强> jsFiddle example

Jquery访问附加div的id

1 个答案: