从 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 对象。

适当检查结果长度。