Home/ Questions/Q 6778167
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T16:14:06+00:00

I have following 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> I

  • 0

I have following 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>

I want to select all tr inside tbody. Hence I used:

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

Highlight all TRs inside TBODY inside Table with yellow.
This shouldn’t select TH row, but it strangely does and highlights it yellow. Any thoughts!
thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your markup isn’t 100% valid so the browser is fixing it for you. See the spec for the allowed <table> structure.

    Wrap the <th> elements in a <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>
    • 0