Javascript jQuery单击事件在尝试忽略某些子项时会出现问题

Javascript jQuery单击事件在尝试忽略某些子项时会出现问题,javascript,jquery,Javascript,Jquery,我对单击事件有问题: $( document ).on( "click", "#dropdown", function () { showHide(); } ).find( "a" ).click( function ( e ) { e.stopPropagation(); } ); <div id="dropdown"> <a href="https://google.de"></a> <- This should not

我对单击事件有问题:

$( document ).on( "click", "#dropdown", function () {
    showHide();
} ).find( "a" ).click( function ( e ) {
    e.stopPropagation();
} );


<div id="dropdown">
    <a href="https://google.de"></a> <- This should not trigger the click
</div>
$(文档)。在(“单击”按钮、“下拉菜单”上,函数(){
showHide();
})。查找(“a”)。单击(功能(e){
e、 停止传播();
} );

您可以检查单击的目标是否是
元素,如果不是,请继续执行
.showHide()


您需要更改选择器,使其仅适用于
#下拉列表的子项

$( document ).on( "click", "#dropdown", function () {
    showHide();
} ).find( "#dropdown > a" ).click( function ( e ) {
    e.stopPropagation();
} );

什么的子链接标签?下拉列表?请使用示例详细说明。@PrakharLondhe是的,在下拉列表中。您可以添加一些HTML帮助我们了解您的设置吗?为什么不这样做!==?
$( document ).on( "click", "#dropdown", function () {
    showHide();
} ).find( "#dropdown > a" ).click( function ( e ) {
    e.stopPropagation();
} );