单击div中的子类时，从父项中删除/停止活动类

Question

<div class="ticket-selector active">
    <p>
        <a data-toggle="collapse" data-parent="#ticket-panel" href="#collapseOne" class="tickets-more"><span class="halflings info-sign orange"></span></a>
    </p>
    <div id="collapseOne" class="collapse in" style="height: auto;">
        <p>
            Anim pariatur cliche reprehenderit
        </p>
    </div>
</div>

因此，当单击“.ticket-selector”div时，它将变为活动状态。在Div内部有一个触发手风琴的子类，该类为“.tickets-more”。但是，当单击此子元素时，我不希望父元素处于活动状态。 div中的其他任何地方都可以在父级上显示活动类，但不能显示子类。

Answer 1

尝试在子元素的onClick事件处理程序中使用以下代码，

event.stopPropagation();

Answer 2

事件处理程序应该接收参数

...click(function(e){ ...

然后使用该参数作为事件

e.stopPropagaiton();

Answer 3

$('.ticket-selector').click(function(event){
    event.stopPropagation();
    // your code
});

Answer 4

if（$（this）.parent（）。hasClass（'active'）） {$（本）.parent（）removeClass（ '主动'）;}