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

Question

我有一个简单的 Accordion ，其中每个 header 都有自己的 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

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

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

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

使用相同的选择器，您实际上可以从 Accordion 的触发事件外部获取事件 header :$('#mainDiv .ui-accordion-header-active')