jquery - 确定当前打开的语义 UI 手风琴索引

Question

试图弄清楚如何确定语义 UI 手风琴的当前打开部分（http://semantic-ui.com/modules/accordion.html）：

这适用于 jQuery UI Accordion，不适用于 Semantic UI：

$("#accordion").accordion('option','active');

也试过下面的代码，但总是返回“1”：

    $('#selector').accordion({
        onChange: function() {  
            alert("selected" + $('#selector').index() );
        }
    });

Answer 1

在onChange回调内部，this将选定内容的容器作为 jQuery 对象返回。因此，您可以将其与index()按内容选择器过滤的方法一起使用。尝试下一个，它对我有用：

$('.ui.accordion').accordion({
    onChange: function () {
        alert(this.index(".content"));
        console.log(this.index(".content"));
    }
});

工作示例：http: //jsfiddle.net/n8o1ps0t/

Answer 2

这是我的功能和作品！

window.AcordionIndex = async (div) => {
    var index = 0;
    for (var i = 0; i < document.getElementById(div.replace("#", "")).children.length; i++) {
        var clase = document.getElementById(div.replace("#", "")).children[i].className;
        if (clase.indexOf('title') != -1) {
            if (clase.indexOf('title active') != -1) {
                break;
            }
            index++;
        }
    }
    return index;
}