Question

I have the following code snippet

<div class='container'>
                <a href=''>
                    <img alt='' class='image0' src='images/Gallery/gallery-01.jpg' title='info'/>
                </a>
                <a href=''>
                    <img alt='' class='image1' src='images/Gallery/gallery-01.jpg' title='info'/>
                </a>
                <a href=''>
                    <img alt='' class='image2' src='images/Gallery/gallery-01.jpg' title='info'/>
                </a>
            </div>

I could use

$('.container a:first') or $('.container a:last') to access the first and the last elements, but how can i access the second anchor tag on the div? .

Answer 1

Use the :eq selector:

$('.container a:eq(1)')

or (preferably) the .eq function:

$('container a').eq(1)