jquery - 查找所有具有类 x 并且在字段集中可见的表行并选中它们

Question

我很抱歉没有更好的标题..

我成功使用以下行：

$('.checkall').unbind('click').click(function () {
    $(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked);
});

单击 .checkall 时，将检查字段集中的所有表行。现在我在我的表格中使用分页，它将不在首页上的行设置为类'canView display:none'；

如何使用 canView 类过滤字段集中的每个复选框，但没有 display:none;

IE：

$(this).parents('fieldset:eq(0)').find('tr > canView:VISIBLE').find(':checkbox').attr('checked', this.checked);

但这不起作用他们的方式我认为它应该:)

注意：每个 tr 都有 canView 类，分页时只改变显示。

Answer 1

您现有的代码是这样的：

$(this).parents('fieldset:eq(0)').find('tr > canView:VISIBLE').find(':checkbox').attr('checked', this.checked);

问题在于.find('tr > canView:VISIBLE')部件中的选择器。

'tr > canView:VISIBLE'将查找<canView>标记的所有可见元素，它们是元素的直接后代<tr>。你想要<tr>类的元素canView是可见的，所以你需要这个：

.find('tr.canView:visible')