attr()不使用jQuery中的IMG附加的IMG

Question

我无法获得我在jQuery中使用.Append方法创建的图像的SRC属性。当我在HTML文件中键入元素时，我可以获得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

您的功能以获取src属性添加到所有 .row>img elements 之前，您有机会单击按钮创建图像。

添加映像后，您可以重新添加单击事件，但是更好的方法是将侦听器附加到某些始终存在的父元素。您可以这样做：

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

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