jquery - 在 jquery 中单击时触发具有 html 属性的按钮

Question

晚上真是太棒了，

我使用以下 jquery 代码动态添加了一个表。

$(#table tr:last).after('<tr><td class="tbValue"> </td></tr>');

添加后，现在我想使用以下代码访问它

$('.tbValue').click(function){
alert('this button is clicked');
});

令我惊讶的是它不起作用。我认为该按钮有一个 html 属性，但我似乎无法获取它。

Answer 1

当前您使用的称为“直接”绑定(bind)，它仅附加到代码进行事件绑定(bind)调用时页面上存在的元素。

当您动态创建元素时。

您需要使用Event Delegation 。您必须使用.on()使用委托(delegate)事件方法。

Delegated events have the advantage that they can process events from descendant elements that are added to the document at a later time.

一般语法

$(parentStaticConainer).on(event, selector, eventHandler);

示例

$("#table").on('click', '.tbValue', function(){
    alert('this button is clicked')
});