Question

jQuery("#contentItems table.tablesorter tbody tr td:eq(3)").live('mousedown', function (e) {
        var tr = jQuery(this);
        tr.fadeTo('fast', 0.5);
});

Basically, I want the 4th cell in each row in my table to fade out a bit, when I click on them. But the above code only seems to work for the first tr’s 4th cell. Any ideas?

Answer 1

Try this with delegate

$("#contentItems table.tablesorter tbody tr").delegate('td:eq(3)', 'mousedown', function(e){
        $(this).fadeTo('fast', 0.5);
});

Or this using nth-child selector which is 1 index based

$("#contentItems table.tablesorter tbody tr td:nth-child(4)").live('mousedown', function(e){
        $(this).fadeTo('fast', 0.5);
});