使用jquery访问手风琴中的标头标签

时间:2012-07-30 18:05:02

标签: jquery html accordion

如何在手风琴中访问标头标签。即样品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>

2 个答案:

答案 0 :(得分:2)

你的#accordion是你的div,所以你只需要这个

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

或者您可以使用

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

取决于您的结构/要求

或甚至更具体的

$("#accordion > h3 > a")

它将返回一个jquery对象数组,您可以使用

检索它们

[index] //&lt; - dom元素 - 允许使用原生dom方法

离。 $("#accordion > h3 > a")[0] //&lt; - 获取第一个元素

.eq(index) //&lt; - 允许使用jQuery方法+链接的jquery对象

离。 $("#accordion > h3 > a").eq(0) //&lt; - 获取第一个元素

答案 1 :(得分:1)

使用:

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

访问第一个标签链接的文本内容。其他人增加0。