Question

So what I’m trying to do is get the last row of an HTML table. If this row then has a certain class I will ignore this row and select the previous one. This would then be cycled through from the end of the table until a row was found without this certain class.

I figured it’s probably involving a for loop, a check for the row class and then JQuery’s row.prev method, but still not quite sure how to approach this.

Thanks in advance!

Answer 1

Assuming you’ve got the following HTML:

<table id="mytable">
    <tbody>
        <tr>
            <td>1</td>
        </tr>
        <tr id="YouFoundMe">
            <td>1</td>
        </tr>
        <tr class="certainclass">
            <td>1</td>
        </tr>
        <tr class="certainclass">
            <td>1</td>
        </tr>
        <tr class="certainclass">
            <td>1</td>
        </tr>

    </tbody>
</table>

You can do this:

var elWithoutClass = $('#mytable tr:not(.certainclass):last');

if (elWithoutClass.length) {
    alert(elWithoutClass.get(0).id);
    // alerts "YouFoundMe"
}

• :not(.certainclass) will eliminate <tr> without class ‘certainclass’
• :last will get you the last one

I invite you to check the Selectors documentation page of jquery to learn more about them.