Question

I’ve been having trouble hashing out a selector for the image inside this mess of code below. Originally thought $('img.gallery')[0]; would work, but it doesn’t.. also tried $('img.advance-link') and $('.gallery').find(img)[0];

Thanks for your help!

JS Fiddle: http://jsfiddle.net/danielredwood/UfGrM/

HTML:

<div class="gallery front">
    <span class="image-wrapper current">
        <a class="advance-link" rel="history" href="#1" title="Title #10">
            <img alt="Title #10" src="../img/10.jpeg">
        </a>
    </span>
</div>

Answer 1

with that construct there are many possibilities to access the image:

which range from quick and easy

$('.advance-link>img')

to rather complex but very specific (only for illustration 🙂 )

$('div.gallery.front>span.image-wrapper.current>a.advance-link>img')