jquery - jQueryを使用してhtmlページの最初のテーブルの最初の行を選択するには?

Question

HTML ページに ('id' 属性のない) 複数のテーブルがある場合、jQuery セレクターを使用して最初のテーブルの最初の行または特定のテーブルを選択するにはどうすればよいでしょうか?

Answer 1

$("table:first > tr:first")

また

$("table:first").find("tr:first")

また

$("table:first").children("tr:first")

また

$("table").eq(0).children("tr").eq(0)

それで、フォローアップの質問を理解できれば...

$("table:eq(1) tr:has(table:eq(2))")

tr に 3 番目のテーブルがある場合、2 番目のテーブルの tr を取得します。

また

$("table").eq(1).children("tr:has(table:eq(2))")

Answer 2

n 番目のテーブルの n 番目の行を選択するために使用できるもの:

$("table:eq(n) tr:eq(n)")

n は、テーブルまたは tr のゼロから始まるインデックスです。

例：

$("table:eq(2) tr:eq(4)")

3 番目のテーブルの 5 行目を取得します。

Answer 3

@svintoの答えは間違いなく、これを達成するための最短、最速、そして最も簡単な方法です. パフォーマンスに本当に関心がある場合(たとえば、任意の複雑なforループ内で選択する場合)、これはおそらく少し高速であることが証明される可能性があります。

$('tr').eq(0)

jQuery セレクターだけを使用する必要がなく、実際に DOM<TR>要素が必要な場合は、次を使用できます。

$('table')[0].rows[0]

または:

$('tr')[0]

Answer 4

jQuery のeq()メソッドを使用すると、取得する要素のインデックスを指定できます。
これにより、DOM で見つかった 2 番目のテーブルの最初の行が選択されます

$('table:eq(1) tr:first')

Answer 5

jQuery 固有ではありませんが、このw3c セレクター ページで dom セレクターについて紹介されました。非常に詳細ですが、複雑な例がたくさんあります。

Answer 6

$("tr:first");