获取对 JQuery UI Accordion 标头的引用

Question

我有一个 JQuery 手风琴，如下所示；

<div id="accordion">
 <h3 class="ui-accordion-header"><a id="link1" href="#">First Header</a></h3>
  <div id="div1">First Content</div>
 <h3 class="ui-accordion-header"><a id="link2" href="#">Second Header</a></h3>
  <div id="div2">Second Content</div>
</div>

手风琴是这样生成的：

$("#accordion").accordion({
  collapsible:true,
  active:false,
  navigation:true,
  autoHeight:false,
  change:function(event, ui){
    var index = $(this).find("h3").index(ui.newHeader[0]);
    var header = $(this).find("h3")[index].find("a"); //<--- problem line
    var currentHeaderID = (header.attr("id")); //<--id that I need
  }
});

JSFiddle 链接

手风琴加载正常。我正在努力实现两件事。

1- 获取刚刚打开的 header 标签内的 href 元素的 ID（即 ids link1 和 link2）。上面的更改事件中的代码为我提供了标头的索引。但我正在努力让下一行 (var header = ....) 正常工作。您是否能够

2-已解决 当用户单击已打开的标题时，该部分将关闭，因此实际上所有部分都会关闭。我不知道如何才能实现这一目标。你能帮忙吗？

谢谢

Answer 1

当手风琴发生变化时，包装活动标头的

元素的 jQuery 对象会在 ui.newHeader 中传递，因此您只需使用 find()：

var currentHeaderID = ui.newHeader.find("a").attr("id");

更新了小提琴 这里。