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内的所有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>

jQuery选择器表查询

1 个答案: