从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：first'）。next（）;获得第二个元素。

Answer 5

$('.container a')[1]将返回DOM元素。

$($('.container a')[1])将为您获取第二个对象的Jquery对象。

适当检查结果长度。