javascript - 支持选中所选行的复选框？

Question

在我的表格上，单击该行将突出显示它，并且还应该选中相应的复选框。此外，如果选中了 checkall 复选框，则所有行都应突出显示。如果检查被删除，则高亮部分也应被删除。我无法给出 ids，并且想使用 .find() 或 .closest() 或类似的东西动态地执行此操作。有任何想法吗？提前致谢! http://jsfiddle.net/7vLdxddr/3/

jQuery

$('table').on('click', 'tr', function () {
                if ($(this).hasClass('selected')) {
                    $(this).removeClass('selected');
                }
                else {
                    $('tr.selected').removeClass('selected');
                    $(this).addClass('selected');
                }

});

$("input[type=checkbox].checkall").on("click", function () {
        $(this).parents('.table:eq(0)').find('input:checkbox').prop('checked', this.checked);
    });

Answer 1

使用 this 的实例(指单击的行)和 find

$(this).find(":checkbox").prop("checked", true);

http://jsfiddle.net/2wpmxdp0/1/