Reference either of 2 images nested inside a <div> using jQuery

Question

My DOM looks like:

<div id="blah-1">
  <div class="class1">
     <div class="class11>
        <a href=""><img src=""></a> <b>blah</b>
        <a href=""><img src=""></a>
     </div>
  </div>
</div>

I have to change the source of the 1st or sometimes 2nd img.

I am using jQuery and don't have a strong handle with selectors just yet!

Jeremy Stanley · Accepted Answer · 2009-04-06 01:34:28Z

5

You can use :eq(n) to select an element at a given position:

$("#blah-1 .class1 .class11 img:eq(0)").attr("src", newSource);
$("#blah-1 .class1 .class11 img:eq(1)").attr("src", newSource);

Oh, and you're missing a closing " after class11, not sure if that's pasted code or not.

answered Apr 6, 2009 at 1:34

Jeremy Stanley

5,9461 gold badge31 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

Reference either of 2 images nested inside a <div> using jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related