$ ('# table> tr') 선택자가 일치하지 않는 이유는 무엇입니까? jQuery로</p> <pre><code><table id='table'> <tr> <td>..</td> </tr> </table> </code></pre> <p>JS 코드 :

Question

HTML 코드 (항상 0을 반환)

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

결과 : 첫 번째 #table > tr 0 얻을 왜

0,1 

?

당신은 여기에서 라이브 데모를 볼 수 있습니다

Answer 1

<table>의 직접적인 아이 만 <thead>, <tbody>, 또는 <tfoot> 수 있기 때문에 http://jsfiddle.net/Freewind/PmsFQ/ (또는 <colgroup> 또는 <caption>, 그러나 그 행을 포함하지 않음).

브라우저의 DOM은 암시 적으로에 누락 된 <tr>을 줄 바꿈합니다. (이렇게하지 않는 브라우저의 경우 jQuery가 대신 가짜 임)

$('#table > tbody > tr')을 작성해야합니다.

Answer 2

브라우저가 <table>과 <tr> 사이에 자동으로 <tbody> 요소를 삽입하여 더 이상 행이 테이블의 직접 하위가 아니기 때문입니다.

Answer 3

브라우저에 tbody 요소가 추가되어 있으므로 tr은 테이블의 하위 요소가 아닙니다.