jQueryを使って特定の要素への移動
-
23-09-2019 - |
質問
私は3.35に移動して、列を追加する方法を把握しようと、テーブルを持っています。私はjQueryを使ってにナビゲートしたいTDを指定する方法はありますか?
事前に感謝!
<table>
<tbody>
<tr>
<td>
<table>
<tbody>
<tr>
<td><a href="">title</a></td>
<td><a href="">rating</a></td>
<td>language</td>
<td>qty</td>
<td>3.35</td>
<td><a href="">add</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
解決
:nth-child()
セレクターをお試しください
$("tr > td:nth-child(5)")
他のヒント
掘る中: http://api.jquery.com/category/selectors/と http://api.jquery.com/category/traversing/する
そこに到達するには、いくつかの異なる方法があります。人々はここに提案するものは何でも、あなたが本当に将来のためにそれを理解するように、このような基本的なことに元に行くために自分自身にそれを借りています。
あなたは間違いなく、適切な選択をするために n番目の子のセレクタを使用することができますが要素は、あなたが実際にカラム内のデータのタイプを示すクラスを指定して、より良いオフになります。
この理由は、あなたの例のデータは明らかにセマンティックな意味を持っており、それはあなたのHTML構造であることを表現するのは良いアイデアだということです。
そして、そこから、クラスに基づいて選択するであろうし、次に作業している行を決定するために位置セレクタを使用します。そのその場合には、あなたがjQueryの内のidセレクタを使用する可能性があるので、さらに簡単に選択を行い、id属性に格納された一意の行IDを持つことが良いでしょう。
あなたの行は、スキーマのインスタンスのindiciativeあるので、あなたのHTMLにこの演劇は、より多くのセマンティックの意味を作るだけでなく、あなたがあなたのテーブルの要素に割り当てることをクラスによって暗示されています。