如何获取 Accordion jQuery 的 Header id 和 Div id？

Question

我有一个简单的手风琴，其中每个标头都有自己的 id，div 也有自己的 id。

如何创建一个获取当前选定标题 id 或 div id 的对象？

<div id="mainDiv">
    <h6 id="myAttributes">Attributes</h6>
    <div id="divAttributes">
    </div>

    <h6 id="myConstants">Constants</h6>
    <div id="divConstants">
    </div>
</div>
</div>

我被困在：

jQuery(function () {
    $("#mainDiv").accordion({
        activate: function () {

        }
    });
});

谢谢。

Answer 1

在激活时获取带有 class 的元素.ui-accordion-header-active，该元素是由 Accordion 自动添加的。

jQuery(function () {
    $("#mainDiv").accordion({
        activate: function () {
                  alert($('.ui-accordion-header-active').attr('id'));
        }
    });
});

演示： http: //jsfiddle.net/3jHwC/1/

使用相同的选择器，您实际上可以从手风琴的触发事件外部获取活动标头：$('#mainDiv .ui-accordion-header-active')