单击 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");
    }
});