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