attr（）无法与Jquery中的附加img一起使用[重复]

Question

这个问题已经在这里有了答案：

我无法获取使用Jquery中的.append方法创建的图像的src属性。 当我在html文件中键入元素时，我能够获取src，但是在我添加它时却无法。 简而言之，以下代码末尾的alert方法不会给出img的src。

HTML：

<button onclick="createlm()">click</button>
<div class="row"></div>

JQUERY：

//function to append img element..

function createlm(){
    $(".row").append("<img src='image/Chrysanthemum.jpg' width='100px' height='100px'>");
};

//获取src属性的函数

$(window).load(function(){
    $(".row>img").click(function(){
        var imgsrc = $(this).attr("src");
        alert(imgsrc);
    });
});

Answer 1

您.row>img src属性的函数添加到所有.row>img元素中，然后才能单击创建图像的按钮。

您可以在添加图像后重新附加click事件，但是更好的方法可能是将侦听器附加到永远存在的某些父元素上。 您可以这样做：

$('.row').on('click', 'img', function() {
    var imgsrc = $(this).attr("src");
    alert(imgsrc);
});

即使在此事件处理程序之后添加了图像，该处理程序仍将执行。