Запрос таблицы селектора 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>

Я хочу выбрать все tr внутри tbody. Поэтому я использовал:

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

Выделите все TR внутри TBODY внутри таблицы желтым цветом. Это не должно выбирать строку TH, но это странным образом делает и выделяет ее желтым цветом. Какие-нибудь мысли! спасибо

Answer 1

Ваша разметка недействительна на 100%, поэтому браузер исправляет ее для вас. См. спецификацию для разрешенной структуры <table>.

Оберните элементы <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>