home wiki.fukuchiharuki.me
Menu

関連

  • jQuery

現象

次のコードではtrオブジェクトを取得できない。

$("table > tr")

マークアップで次のように書いていても。

<table>
  <tr>
    <td>セル</td>
    <td>セル</td>
  </tr>
</table>

原因

DOM上、tableの子にtbodyを挿入するため。

マークアップで次のように書いたのと同じ。

<table>
  <tbody>
    <tr>
      <td>セル</td>
      <td>セル</td>
    </tr>
  </tbody>
</table>

対策

tbodyを挟んで次のようにして取得する。

$("table > tbody > tr")

参考