Question

html:

<div id="a">
  <a id="a0" href="#"></a>

  <div id="b"><a id="b0" href="#"></a><div>
<div>

jQuery:

$('#a').delegate('a', 'click', function(){ //do stuff });

delegates #b0 as well. Is there any clever selector way of ways to ignore #b ?

NB /// links inside divs are added and detached dynamically ///

ty

Answer 1

if you know it’s only direct descendants try

$('#a').delegate('#a>a', 'click', function(){ alert('a') });

if you know you want to ignore children of b try

$('#a').delegate('a:not(#b>a)', 'click', function(){ alert('a') });

EDIT: a fiddle