Wie binden Sie Click-Ereignis an Element hat nicht bestimmte unter Verwendung von jquery?

Question

Ich habe mehrere Elemente auf einer Seite wie der untere Code.

<div> 
    <a href="#" id="notme">click</a> 
    some content 
</div> 

Sie können geklickt werden und jQuery wählt diesen Klick aus. Jedoch hat eines der Elemente eine a Verknüpfung, die angeklickt wird, sollte nicht als ein Klick auf das übergeordnete Element ausgewählt werden.

$('div:not(#notme)').on('click', function(e) { 
    // do something 
}); 

Scheint nicht aus irgendeinem Grund zu arbeiten ...

Answer 1

Verwenden :has Wähler auf die Auswahl div elementspezifische Kind hat. In :has verwenden Sie :not.

$("div:has(a:not(#notme))").on("click", function(e) { 
 
    console.log("clicked"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <a href="#" id="notme">click</a> 
 
    some content 
 
</div> 
 
<div> 
 
    <a href="#" >click2</a> 
 
    some content 2 
 
</div>

Answer 2

Sie können versuchen:

$('div').on('click', function(e) { 
    if($(e.target).attr("id") !== "notme") { 
    // do something 
    } 
}); 

Answer 3

$('#notme').on('click', function(e) { 
    e.stopPropagation(); 
});