Question

通过单击嵌套元素触发函数。为防止冒泡，我可以使用e.stopPropagation();。

如果停止传播，其他脚本会遇到问题，因为它们依赖于冒泡这些元素。还有另一种方法吗？某种if语句？

HTML

<div class="nested-element">
  <div class="nested-element">
    content
  </div>
  content
</div>

嵌套在现实生活中是无限的。

jquery的

$('.selector').on('click', '.nested-element', function(e) {
    //e.stopPropagation();
    console.log($(this));
});

上面将首先输出根父母，然后靠近最近的元素。我只想得到最接近的元素。

Answer 1

您可以检查target以及目标是否在该类的后代实例中不执行任何操作

＆＃13;

$(document).on('click', '.nested-element', function(e) {
   if(!$(e.target).closest('.nested-element').not(this).length){
     console.log('nested-element clicked =', this.id);
   }else{      
     console.log('Ignore parent event')
   }     
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="parent" class="nested-element">
  <div id="child" class="nested-element">
    child content
  </div>
  parent content
</div>

＆＃13;

点击jQuery查找最接近的元素

1 个答案: