jquery loop each first td in every row

Question

I have the following jquery that adds a onclick to every image within a table

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

This works ok, however I would like to modify it so that only an image in the first TD of every row in the table gets the onclick event.

I have tried the following, but it does not work

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

Nick Craver · Accepted Answer · 2010-01-30 15:44:57Z

8

Try this, using the :first-child selector

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

answered Jan 30, 2010 at 15:44

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Brian Liang · Accepted Answer · 2010-01-30 15:46:31Z

2

Alternatively you could set a .class or #id attribute to the first image of every row and then just select that element to have an onclick event. This might be faster than for-looping if you have a large set.

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

answered Jan 30, 2010 at 15:46

Brian Liang

7,79410 gold badges61 silver badges72 bronze badges

Collectives™ on Stack Overflow

jquery loop each first td in every row

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related