add class with JQuery traversing

Question

How would you go about adding column specific classes to the table below with JQuery traversing? ( last column in my case )

i started to dab around quite hoplessly with something along the line of

$('#myID tr').children("td:not(:first)").addClass("me");

like I said, hopelessly. Please pass me some help.

<table id="myID" class="myClass">
    <tr>
        <th>one</th>
        <th>two</th>
        <th>three</th>
        <th>four</th>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <th>3</th>
        <th>4</th>
    </tr>
    <tr>
        <td>a</td>
        <td>b</td>
        <th>c</th>
        <th>d</th>
    </tr>
</table>

SOLUTION:

$('#myID tr').children("td:nth-last-of-type(1)").addClass("me");

Dhaval Marthak · Accepted Answer · 2014-07-22 14:57:57Z

2

Try first-of-type instead

$('#myID tr').children("td:not(:first-of-type)").addClass("me");

Or first-child

$('#myID tr').children("td:not(:first-child)").addClass("me");

Demo

answered Jul 22, 2014 at 14:57

Dhaval Marthak

17.4k6 gold badges48 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dhaval Marthak Over a year ago

@mornenel You forgot to include jQuery library see this!

Collectives™ on Stack Overflow

add class with JQuery traversing

1 Answer 1

Demo

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related