Select the 3rd <td> using jQuery?

Question

I have a table a row and multiple tds in that row, like that:

<tr class="first odd">
    <td class="a-center">
    <td>...</td>
    <td>...</td> --> I want this
    <td>...</td> 
    <td>...</td>
    <td>...</td>
</tr>

I am able to get the parent tr of all the tds, but is there a way to get the 3rd td inside the tr only?

The code to get the tr is:

jQuery('#shopping-cart-table >  tbody > tr').each(function(index, value) {
    ...
});

Thanks

Answer 1

You can use :eq selector:

jQuery('#shopping-cart-table > tbody > tr').each(function(index, value) {
    $('td:eq(2)', this)
});

Or:

jQuery('#shopping-cart-table tbody').find('td:eq(2)');

Answer 2

Use the :eq function in jQuery: http://api.jquery.com/eq/

$('#shopping-cart-table td').eq(2);