JQuery：對新添加的表行使用綁定

Question

我有一個 HTML 表，其中一列是文本框列。

當通過 UI 更改文本框值時，我在文本框上設置了一個綁定，如下所示添加/更新屬性：

$('#container').find('.tableClass tbody').find('input[type=text]').bind('input', function () {
   $(this).attr('data-val', this.value);                
            });

這適用於表單加載時加載的行。 但是當我向表中添加新行時，它似乎不起作用。 我嘗試使用類似下面的東西來利用事件委托，但這不起作用。

$('#container').find('.tableClass tbody').on('bind', 'input[type=text] input', function () {
    $(this).attr('data-val', this.value);                
        });

有關如何使其適用於新添加的行的任何想法？

Answer 1

您錯誤地調用了.on() 。 第一個參數應該是事件名稱（就像.bind()的第一個參數一樣），第二個參數應該是選擇器。 您在事件所屬的地方使用了bind ，然后將事件名稱 ( input ) 放入選擇器中。 它應該是：

$('#container').find('.tableClass tbody').on('input', 'input[type=text]', function () {
    $(this).attr('data-val', this.value);                
});