Làm thế nào để chọn hàng đầu tiên của bảng đầu tiên trong một trang html bằng cách sử dụng jQuery?

Question

Giả sử nếu tôi có nhiều bảng trong trang HTML của tôi (không có thuộc tính 'id'), vậy làm cách nào tôi có thể chọn hàng đầu tiên của bảng đầu tiên hoặc bất kỳ bảng cụ thể nào bằng cách sử dụng bộ chọn jQuery?

Answer 1

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

hoặc

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

hoặc

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

hoặc

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

Vì vậy, nếu tôi hiểu câu hỏi của followup ...

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

dịch để: nhận được bất kỳ của tr trong bảng của 2 nếu tr có một bảng thứ 3

hoặc

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

Answer 2

Mặc dù không phải jQuery cụ thể, tôi được giới thiệu đến Dom selectors tại w3c selectors page này. Nó rất chi tiết nhưng đầy những ví dụ phức tạp.

Answer 3

Sử dụng phương thức eq() của jQuery bạn có thể chỉ định chỉ mục của phần tử bạn muốn nhận.
này sẽ chọn hàng đầu tiên của bảng thứ hai được tìm thấy trong DOM

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

Answer 4

$("tr:first"); 

Answer 5

Something bạn có thể sử dụng để chọn hàng thứ n trong bảng thứ n:

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

với n phúc chỉ số dựa trên số không của bảng hoặc tr.

Ví dụ:

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

được hàng thứ 5 của bảng 3.

Answer 6

@ câu trả lời của svinto chắc chắn là cách ngắn nhất, nhanh nhất và dễ nhất để thực hiện việc này. Nếu bạn thực sự liên quan đến việc thực hiện (ví dụ chọn trong một độc đoán phức tạp cho loop), điều này có thể rất có thể chứng minh được một chút nhanh hơn:

$('tr').eq(0) 

Nếu bạn không cần phải sử dụng chỉjQuery selectors và thực sự đòi hỏi phần tử DOM <TR>, bạn có thể sử dụng:

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

Hoặc:

$('tr')[0]