Доступ ко второму элементу из div

Question

У меня есть следующий фрагмент кода

<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>

Я мог бы использовать

$('.container a:first') или $('.container a:last') для доступа к первому и последнему элементам, но как я могу получить доступ ко второмуякорный тег на div?.

Answer 1

Используйте селектор :eq:

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

или (предпочтительно) функцию .eq:

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

Answer 2

Вот, пожалуйста,

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

Демонстрационная версия: http://jsfiddle.net/rK4qc/

Answer 3

Вы можете использовать:

$('.container a:nth-child(2)')

Answer 4

$('.container a')[1] вернет элемент DOM.

$($('.container a')[1]) даст вам объект Jquery для второго объекта.

Проверьте правильность длины результата.

Answer 5

Вы можете попробовать $ ('. Container a: first'). Next (); чтобы получить второй элемент.