jQuery不根据子元素属性进行选择

Question

我正在尝试修改此代码，以便它不会选择具有子<td colspan="12">

$('#my-table tbody>tr').hide();

我已经试过了：

$('#my-table tbody>tr:not(tr>td[colspan="12"])').hide();

以及一些类似的细微调整，但我无法正确理解语法。 我究竟做错了什么？

Answer 1

使用：has（）：

$('#my-table tbody>tr:not(:has(td[colspan=12]))').hide();

Answer 2

如果您需要比.filter()答案更大的灵活性或更复杂的条件，则可以使用.filter() ：

$('#my-table tbody>tr').filter(function() {
  return $(this).children('td[colspan="12"]').length === 0;
}).hide();