javascript - 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

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

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