Доступ второго элемента из 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

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

Answer 3

Здесь вы идете:

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

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

Answer 4

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

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

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

Answer 5

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

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