javascript - 1 つの子を除いて、子孫を選択します

Question

次の HTML があるとします。

<div class="par">
  <div class="s1">
    <a href="#" class="s1">link</link>
  </div>
  <div class="s8">
    <a href="#" class="s1">link</link>
    <div class="s1">
      <a href="#" class="s1">link</link>
    </div>
  </div>
  <div class="ds44">
    <a href="#" class="s1">link</link>
  </div>
  <span class="t">This is text</span>
  <div class="thisOne">
    <a href="#" class="s1">link</link>
  </div>
</div>

今、私はこの関数を呼び出したい:

function aFn(){
  alert('Omid');
}

<div class="par">except<div class="thisOne">とその子の要素をクリックします。どうやってやるの？

Answer 1

クリック ハンドラを に割り当ててから、クリックが にバブリングしないようにする.parものを に割り当てます。.thisOne.par

$('.par').click(aFn);

$('.thisOne').click(function(e) {
    e.stopPropagation();
});

Answer 2

処理clickし.parて確認しe.targetます。

例えば、

$(".par").on("click", function(e) {
    if ($(e.target).closest(".thisOne").length) {
        return;
    }

    …
});

わかりました、それはうまくいきました。