按数据属性更改元素

Question

我有一个手风琴元素，顶部有不同的按钮，可打开相应的元素。

按钮具有一个活动的类，单击并删除该类，反之亦然。

现在，我想在单击手风琴标题时将活动的类添加到相应的按钮。

我的HTML：

            <div id="init-list-buttons-block">
            <a href="javascript:;" data-name="Berlin" class="init-btn">
                <span class="init-btn-text">Berlin</span>
            </a> .... </div

        <div id="init-list">
            <div class="init-list-element">
                <div class="init-list-element-headline">
                    <span class="init-list-element-headline-text h2">Berlin</span>
                </div> .. </div> </div>

我的JS：

$(".init-list-element-headline").click(function() {
    if ($(this).next().height() > 0) {
        $(this).next().addClass("disabled");


        var activeText = $(this).text();
        $('.init-list-buttons-block .init-btn[data-name="' + activeText + '"]').removeClass('active');

    } else {
        $(this).next().removeClass("disabled");

        var activeText = $(this).text();
        $('.init-list-buttons-block .init-btn[data-name="' + activeText + '"]').addClass('active');
    }
});

这不起作用。我在做什么错？

非常感谢！

Answer 1

我刚刚意识到“ init-list-buttons-block”是一个id，而不是类。愚蠢的错误。

无论如何都要离开。