使用jquery訪問手風琴中的標題標籤

Question

如何訪問手風琴中的標題標籤。即樣品1，樣品2和樣品3.

我試過使用以下方式訪問沒有成功。

$("#accordion div h3 a").text() 

或

alert($("#accordion div h3").text()) 

只給出了最後的手風琴即

alert($("#accordion div a").text()) 

使輸出clickhereclickhere ...

HTML：

<div id="dia"> 
    <div id="dialog" title="Detailed FeedBack "> 
    <div id="accordion"> 
    <h3><a href="#">sample 1</a></h3> 
    <h3><a href="#">sample 2</a></h3> 
    <h3><a href="#">sample 3</a></h3> 
    </div> 
    </div> 
    </div> 

Answer 1

你#accordion是你的DIV因此，所有你需要的是這個

$("#accordion h3 a") // <-- gets all a tags under #accordion --> h3 

，或者你也可以只使用

$("#accordion a") // <-- gets all a tags under #accordion 

取決於你的結構/要求

甚至更​​具體的

$("#accordion > h3 > a") 

它w生病回到你可以檢索或者使用

[index] // <的jQuery對象的數組 - DOM元素 - 允許使用原生的DOM方法

前。 $("#accordion > h3 > a")[0] // < - 得到第一元件

或

.eq(index) // < - jquery對象，其允許使用的jQuery方法+鏈

離。 $("#accordion > h3 > a").eq(0) // < - 獲得第一個元素

Answer 2

用途：

$("#accordion a").eq(0).text() 

訪問第一個選項卡的鏈接的文本內容。其他人增加0。