单击Div时触发操作，但单击Div内的链接时不触发

Question

我希望通过点击它来切换DIV的类，但是不要在点击DIV内的链接时切换。

我尝试了这个但是即使点击链接也会切换课程：

$("ol.compacted .tl_general:not(a)").click(function () {
    $(this).toggleClass("re-expanded");
});

我该怎么办？提前谢谢！

Answer 1

单击该div内的链接时停止事件传播。

$("ol.compacted .tl_general a").click(function (e) {
    e.stopPropagation();
});

Answer 2

确保事件目标是正确的元素。

$("ol.compacted .tl_general").click(function (e) {
    var $this = $(this);
    if ( $this.is(e.target) ) {
        $this.toggleClass("re-expanded");
    }
});