Jquery loop every first td in every line

Question

I have the following jquery that adds onclick to each image in a table

$("#listtable tr td img").each( function(intIndex) { $(this).click(function() { $(this).load("/Admin/ChangeIdeaStatus/" + $(this).attr('rel')); }); } ); 

This works fine, however I would like to change it so that only the image in the first TD of each row of the table receives the onclick event.

I tried the following but it does not work

 $("#listtable tr td:first img").each( 

Answer 1

Try this using : first-child selector

 $("#listtable tr td:first-child img").click(function() { $(this).load("/Admin/ChangeIdeaStatus/" + $(this).attr('rel')); }); 

Answer 2

Alternatively, you can set the .class or #id attribute for the first image of each line, and then simply select this element to have an onclick event. This can be faster than for-looping if you have a large set.

so $(".firstImageOfTr").each( ...