Question

我正在尝试创建一个函数，该函数使用onclick添加/删除类，但无法正常工作。

我想做的是：当我单击<a data-toggle- xxxx>时，我想获得用$('.panel-group a').click()单击的面板组，并删除{{ 1}}，如果没有该类，则再次添加它。

但是$(this)未选择$(this).find('.linker)或.linker

HTML：

.rechter

jQuery：

<div class="panel-group">
    <a data-toggle="collapse" href="#{{vraag.vraag}}">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title" style="margin: 0;">
                    <a data-toggle="collapse" id="hasclass" href="#{{vraag.vraag}}">
                        <h3>{{vraag.vraag}}</h3>
                        <h6 class="linker TURN">|</h6>
                        <h6 class="rechter TURNN">|</h6>
                    </a>
                </h4>
            </div>
            <div id="{{vraag.vraag}}" class="panel-collapse collapse">
                <div class="panel-body-tekst">
                    <h6>{{vraag.tekstblok}}</h6>
                </div>
            </div>
        </div>
    </a>
</div>

Answer 1

$('.panel-group a').off().on('click', function() {
    debugger
    let $this = $(this).parents('.panel-group');
    if ($this.find('.linker').hasClass('TURN')) {
        $this.find('.linker').removeClass('TURN');
    } else {
        $this.find('.linker').addClass('TURN');
    }
    if ($this.find('.rechter').hasClass('TURNN')) {
        $(this).find('.rechter').removeClass('TURNN');
    } else {
        $(this).find('.rechter').addClass('TURNN');
    }
});

jQuery选择父项，然后选择其他div

1 个答案: