jquery - 使用 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")

它将返回一个 jquery 对象数组，您可以使用这些对象进行检索

[index]// <-- dom 元素 - 允许使用本地 dom 方法

前任。$("#accordion > h3 > a")[0]// <-- 获取第一个元素

或者

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

前任。$("#accordion > h3 > a").eq(0)//<-- 获取第一个元素

Answer 2

采用：

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

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