2012-11-11 85 views
1

我有這樣的HTML塊得到第n:孩子的jQuery

<div id="pane" class="MosadBoxRight scroll_pane" style="overflow: hidden; height: 590px; width: 250px; padding: 0px 41px 0px 0px;"> 
       <div class="MosadBoxRightKoteretpopUp">text</div> 
       <div class="area" id="area1"> 
<a iframe="/4746929" style="cursor:pointer" class="alink" id="aLink">example1 
</a></div> 
       <div class="area" id="area2"> 
<a iframe="4746929" style="cursor:pointer" class="alink" id="aLink">example1 
</a></div> 
       <div class="area" id="area3"> 
<a iframe="/474692946" style="cursor:pointer" class="alink" id="aLink">example1 
</a></div> 

     </div> 

我也有這個JavaScript函數

function nextchapter() { 
    loc=loc+1; 
    var contextCmsPage = $("#pane .alink:nth-child(0)").attr("iframe"); 


    } 

和調用這個函數

<input type="button" id="btnc" onclick="nextchapter()" value="check" /> 

我想一個按鈕獲得父親alink的第n個孩子Div pane

我得到undefinded爲$("#pane .alink:nth-child(0)").attr("iframe");

我也試過

$("#pane").find(".alink:nth-child(0)").attr("iframe"); 

具有相同的結果

可以採取什麼問題嗎?

感謝

Baaroz

回答

0

你不需要的第n個孩子,但alink類的第n個元素。

使用此:

var link = $("#pane .alink").eq(0); 
+0

般的魅力的工作,可以請你在短期是什麼$( 「#窗格.alink」)之間的差異解釋EQ(0)和$( 「#窗格」) .find( 「ALINK:第n個孩子(0)」)? – baaroz

+0

有關元素的直接父級(此處爲鏈接)的第n個子項計數,而eq統計其集合中的元素。 –

+0

非常感謝:) – baaroz