2012-07-30 58 views
0

如何访问手风琴中的标题标签。即样品1,样品2和样品3.使用jquery访问手风琴中的标题标签

我试过使用以下方式访问没有成功。

$("#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> 

回答

2

#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) // < - 获得第一个元素

1

用途:

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

访问第一个选项卡的链接的文本内容。其他人增加0。