Question

我有一个HTML表格标记，当用户点击时会在浏览器上生成。这是代码

$('#selectedtable > tbody:first').append(
    '<tr > ' +
        '<td>Chair</td>' +
        '<td><img src="/Content/images/showinfo.png" title="Show Info"></td>' +
    '</tr>'
    );

所以我的问题是可以为上面生成的图像添加点击事件吗？

Answer 1

是的，您可以在将图像添加到dom之后添加onclick处理程序，

$("#my-image").click(function() {
     alert("I've been clicked");
});

（对于ID为my-image的图片）

或者您可以设置一个将应用于所有未来添加元素的处理程序：

$(document).on("click", ".image-class", function() {
     alert("I've been clicked");
});

（适用于课程为.image-class的图片）

Answer 2

假设页面加载时ID为#selectedtable的元素存在，请使用.on()的事件委托语法：

$('#selectedtable').on('click', 'img', function(){...})

Answer 3

它被添加到DOM中，因此你应该能够像选择任何DOM元素一样选择它，并添加你想要的任何事件处理程序。

如何使用Jquery为运行时添加图像添加点击功能？

3 个答案: