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();