從一個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：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)')