jQuery選擇表查詢

Question

我有以下HTML

<table> 
    <th>Name</th><th>age</th> 
    <tbody> 
     <tr><td>A</td><td>25</td></tr> 
     <tr><td>B</td><td>30</td></tr> 
     <tr><td>C</td><td>34</td></tr> 
     <tr><td>D</td><td>32</td></tr> 
    </tbody> 
</table> 

我要選擇裏面TBODY所有TR。因此我使用了：

$('table tbody tr').css('background-color','yellow'); 

用黃色突出顯示TBODY內TBODY內的所有TR。 這不應該選擇TH行，但奇怪的是，它突出顯示黃色。有什麼想法嗎！ 謝謝

Answer 1

您的標記不是100％有效，所以瀏覽器正在爲您解決它。有關允許的<table>結構，請參見the spec。

將<th>元素包裝在<thead>中。

<table> 
    <thead> 
     <th>Name</th><th>age</th> 
    </thead> 
    <tbody> 
     <tr><td>A</td><td>25</td></tr> 
     <tr><td>B</td><td>30</td></tr> 
     <tr><td>C</td><td>34</td></tr> 
     <tr><td>D</td><td>32</td></tr> 
    </tbody> 
</table>