jquery - ネストされた td を選択しないでください。どのように？

Question

私はこのコードを持っています:

$("#widgetstable tr td:nth-child("+column+")").hide();

ただし、選択した td 内にネストされている td を選択します。（そして、いくつかあります。）

試してみ$("#widgetstable > tr > td:nth-child("+column+")").hide();ましたが、何も選択されませんでした。

Answer 1

ブラウザが HTML を解析するときに が暗黙的に挿入され、tbodyセレクターは親>の直接の子を意味します。次の HTML では、このセレクターが機能します。

<style>
   td {
     background-color: blue;
   }
</style>
<table id='widgetstable'>
  <tr>
    <td>Me</td>
  </tr>
  <tr>
    <td>
      <table>
        <tr><td>Not Me</td></tr>
      </table>
    </td>
  </tr>
</table>
<script>
  $("#widgetstable > tbody > tr > td").css('background-color', 'red');
</script>

ここにデモがあります