Jquery 如何在单击内部元素时删除切换功能

Jquery 如何在单击内部元素时删除切换功能,jquery,Jquery,在中间 一旦点击Office 它显示其在office中的子元素 如果单击office标题(当前正在进行),我需要关闭并打开div 但是如果单击它的(office)子元素,我不想要切换功能(内部元素不应该关闭) 这是我的 在选择上单击时,将调用此方法 $(document).on('click', '.lielement', function() { var locationname = $(this).attr("id"); if($(this).find('.restListi

在中间

一旦点击Office

它显示其在office中的子元素

如果单击office标题(当前正在进行),我需要关闭并打开div

但是如果单击它的(office)子元素,我不想要切换功能(内部元素不应该关闭)

这是我的

在选择上单击时,将调用此方法

$(document).on('click', '.lielement', function() {
    var locationname = $(this).attr("id");
    if($(this).find('.restListings').length)
        $(this).find('.restListings').remove()
        else
    displayingRestaurantByArea(locationname);
});

您能告诉我如何实现这一点吗?

通过添加以下内容,阻止单击事件在DOM中冒泡并触发父对象上的单击事件:

$('#restmenu').on('click', '.restListings', function () {
    return false;
})

不过,您可能希望使用event.stopPropagation()而不是return false。非常感谢,您救了我一天。@j08691它是为防止冒泡而设计的函数,return false将阻止正常行为(如单击链接)。@AndreBacklund-True,但是
.restListings
不是一个链接,所以在这里两者都可以正常工作。