Question

I’ve been at this for a while and want to know the best way of achieving my goal if anyone has any ideas!

Example:

<table>
<tbody>
<tr>
<td>Hello</td>
<td>Hello (I want to check this column)</td>
</tr>
<tr>
<td>Hello 2</td>
<td class="active">Hello 2 (this column)</td>
</tr>
</tbody>
</table>

jQuery I’ve got so far (I’m traversing from a clicked element):

var length = $(self).closest("tbody").find("tr").find("td.active").length;

Obviously this gets all the active classes of td, when I only want the second column. I’ve tried:

var length = $(self).closest("tbody").find("tr").find("td:eq(1).active").length;

This does not work.

Any ideas?

Answer 1

If I’m understanding correctly, you want to get the table cells in the second column (not the first as indicated in the question) which have the class active on them. If that’s the case, you can use the following:

var length = $(self).closest('tbody').find('tr').find('td:eq(1)').filter('.active').length;

http://jsfiddle.net/mikemccaughan/g6mnn/