jquery - （动态）表行更改的jQuery事件

Question

因此，我一直在尝试监视我的动态表何时在行和 tbody 中发生变化。这是结构的一个示例：

<table id="assignedTable"> 
    <tbody class="assigned"> 
        <tr id="#uniquenumberhere">
        </tr> 
        <tr>
        </tr> 
    </tbody> 
</table>

这是我到目前为止所得到的......但它不起作用：

$(function(){
            $('#assignedTable').on('change', '.assigned', function(){
                $('#assignableTbody').append("dynamic table changed");
            });
        })

希望任何人都可以提供帮助，在此先感谢！

Answer 1

您不能在表上使用更改事件。查看 jquery 文档

当元素的值改变时，change 事件被发送到元素。此事件仅限于元素、框和元素。对于选择框，

关于更改事件的 Jquery 文档

也许您可以尝试轮询表并计算表行数并查看该值是否发生变化，但这对性能不利。

Answer 2

将您的表格重写为 div 或其他标签，为它们创建 css 规则以根据需要设计它们，您将能够为您的“根”div 定义更改事件处理程序。

Answer 3

This is an old thread, but I had never needed to do this before but it is fairly simple by creating a function that you call when a row gets selected.

JSFiddle

var checkButton = function() {
    if ($('tr.selected').length > 0) {
        $('#analyze').prop('disabled', false);
    } else {
        $('#analyze').prop('disabled', true);
    }
}
$('#table tbody').on( 'click', 'tr', function () {
    $(this).toggleClass('selected');
    checkButton();
});