Dlaczego selektor $ ("# table> tr ') nie pasuje? (Zawsze zwraca 0)

Question

kod HTML:

<table id='table'> 
    <tr> 
     <td>..</td> 
    </tr> 
</table> 

Kod js z jquery:

var l1 = $('#table > tr').length; 
var l2 = $('#table tr').length; 
alert(l1+','+l2);​ 

Rezultat:

0,1 

Dlaczego pierwszy #table > tr dostać 0?

Można zobacz demo stąd: http://jsfiddle.net/Freewind/PmsFQ/

Answer 1

Ponieważ bezpośrednie dzieci o <table> może być tylko <thead>, <tbody> lub <tfoot> (lub <colgroup> lub <caption>, ale te nie zawierają wiersze).

DOM przeglądarki domyślnie zawija zbędne <tr> s w <tbody>. (w przypadku przeglądarek, które tego nie robią, jQuery podszywa to zamiast)

Musisz napisać $('#table > tbody > tr').

Answer 2

Dzieje się tak, ponieważ przeglądarki automatycznie wstawiają element <tbody> między swoimi <table> i <tr>, tak, że wiersze nie są już bezpośrednimi elementami potomnymi tabeli.

Answer 3

Twoja przeglądarka dodaje element tbody, więc tr nie jest dzieckiem tabeli.