using jquery how do alter the css of the last tr with a th

$("#mytable tr").has('th').last().parents('tr').css({'color':'blue'});

HTML

<table border="1" id="mytable">
    <tr>
        <th>row 1, cell 1</th>
        <th>row 1, cell 2</th> 
    </tr>
    <tr> 
        <th>row 1, cell 1 - change this</th>
        <th>row 1, cell 2 - change this</th> 
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

using jquery how do alter the css of the last tr with a th

$("#mytable tr").has('th').last().parents('tr').css({'color':'blue'});

HTML

<table border="1" id="mytable">
    <tr>
        <th>row 1, cell 1</th>
        <th>row 1, cell 2</th> 
    </tr>
    <tr> 
        <th>row 1, cell 1 - change this</th>
        <th>row 1, cell 2 - change this</th> 
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

• javascript
• jquery
• jquery-selectors

Share Follow edited Sep 18, 2012 at 7:25 BoltClock 725k165165 gold badges1.4k1.4k silver badges1.4k1.4k bronze badges asked Sep 18, 2012 at 7:15 Hello-WorldHello-World 9,5552424 gold badges9090 silver badges157157 bronze badges 1

• And what happens if you do this? And what do you expect to happen? – Nanne Commented Sep 18, 2012 at 7:17

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

As an alternative to xdazz's answer, I'd offer:

$('tr:has(th):last').css('color','blue');

References:

• :has() selector.

Find the last th, and its parent should be the last tr who has th.

$("#mytable th:last").parent().css('color', 'blue');