Question

I’m quite new to JQuery so this is probably an easy one…

Consider this HTML structure – I know it is not valid HTML but that’s not the point:

<table id="mytable">
<tr>
    <td><input type="checkbox" checked="checked" /></td>
    <td>1.2</td>
    <td>1.3</td>
</tr>
<tr>
    <td><input type="checkbox" checked="checked" /></td>
    <td>2.2</td>
    <td>2.3</td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>3.2</td>
    <td>3.3</td>
</tr>
</table>

Basically I need to select the last table cell from each table row where the checkbox is marked, in this case the table cells containing “1.3” and “2.3” (not “3.3”). Finding the checked checkboxes is easy but somehow I always end up with only the last table cell (“2.3”) from the last table row. Does someone know a solution to this?

Answer 1

Something like this perhaps:

var foo = $('#mytable tr:has("input:checked") td:last-child');