attr（）在Jquery

Question

我无法获取使用Jquery中的.append方法创建的图像的src属性。当我在html文件中键入元素时，我能够获得src，但是当我追加它时却没有。简而言之，下面代码末尾的警报方法并没有给出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

您有获取src属性的功能已添加到所有.row>img元素之前您有机会点击该按钮创建图像。

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

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

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