javascript - 选择后代，除了一个 child

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"> 中的任何元素除了 <div class="thisOne">和它的 child 。我该怎么做？

Answer 1

将点击处理程序分配给 .par，然后将一个点击处理程序分配给 .thisOne，以防止点击冒泡到 .par。

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

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