jquery - 如何获取手风琴 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由手风琴自动添加。

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

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

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

Answer 2

activate选项函数有两个参数event和ui：http ://api.jqueryui.com/accordion/#event-activate

然后，您可以从以下位置获取所有数据ui：

activate: function (event, ui) {
    console.log(ui.newPanel[0].id);
}