Làm thế nào để có được chỉ phần tử con trực tiếp bằng chức năng jQuery

Question

Tôi có một cấu trúc bảng như thế này:

<table1> 
    <tbody> 
    <tr> 
     <td></td> 
     ... 
     <td> 
     <table2> 
      <tbody> 
      <tr> 
       <td></td> 
      </tr> 
      </tbody> 
     </table> 
     </td> 
    </tr> 
    </tbody> 
    </table> 

Trong javascript, tôi có một biến tbl với giá trị của $(table1), và sau đó tôi muốn có được tất cả các con trực tiếp các phần tử (tr) của <tbody> của table1. Mã của tôi là:

$('tr', tb1) 

Rõ ràng nó sẽ trả về tất cả các yếu tố trong <tr> table1 và table2. Tôi nghĩ rằng tôi có thể nhận được bởi

$('tr', tb1).not(function(){return $(this).parent().parent()[0] != tb1;}) 

hoặc loại logic này.

Tôi biết $('table1 > tbody > tr') có thể nhận con trực tiếp tr. Thật không may tôi không thể sử dụng điều này.

Bất cứ ai cũng có ý tưởng tốt về điều này?

Cảm ơn.

Answer 1

Bạn có thể sử dụng find():

tbl.find("> tbody > tr")

Answer 2

http://api.jquery.com/child-selector/

$('tb1 > tr')

Answer 3

Đây chính là lý do tại sao người ta nên cẩn thận với những chiếc bàn làm tổ. Tôi thực sự hy vọng rằng bạn sử dụng chúng cho dữ liệu và không bố trí trang. Một vấn đề khác có thể sẽ làm hỏng ngày của bạn là sử dụng bộ chọn CSS trên các bảng lồng nhau ... về cơ bản bạn có cùng một vấn đề - bạn không thể chọn các phần tử TR của bảng ngoài mà không chọn các phần tử bên trong bảng bên trong. (Bạn không thể sử dụng bộ chọn con bởi vì nó không được thực hiện trong IE6)

này nên làm việc:

$("#table1 > tbody > tr") 

Tuy nhiên, tôi khuyên bạn nên hardcode các yếu tố tbody, vì bạn không nên dựa vào trình duyệt để tạo nó cho bạn.

Answer 4

Như @ jave.web đề cập trong các ý kiến ​​

Để tìm kiếm thông qua các con trực tiếp của một phần tử sử dụng .children(). Nó sẽ chỉ tìm kiếm thông qua các trẻ em trực tiếp và không đi qua bất kỳ sâu hơn. http://api.jquery.com/children/