时间戳

首页 > 解决方案 > onclick 选定元素和非选定元素 jquery

jquery - onclick 选定元素和非选定元素 jquery

问题描述

在下面的 jquery 代码中如何包含 onclick 事件<p>Click D3</p>，我包含了 d1 和 d2 的 onclick p。我不知道如何<p>Click D3</p>在同一个语句中包含点击事件，即$(".d1,.d2").on('click','p',function(){

$(".d1,.d2").on('click','p',function(){
  console.log($(this).text());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="d1">
  <p>Click D1</p>
</div>
<div class="d2">
  <p>Click D2</p>
</div>
<p>Click D3</p>

标签： jqueryjquery-selectors

解决方案

如果你这样做了，那么除了添加一个 div ( ) 并选择其中的内容之外，parent.on('click', element, function (){})你什么也做不了。如果你没有任何其他标签，那么你可以将事件侦听器更改为 : 或者你可以包装所有这些标签也包含在一个 div 中.d3pp$("body").on('click', 'p' ,function (){ console.log($(this).text()); }); p

$(".d1, .d2, .d3").on('click','p',function (){
  console.log($(this).text());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="d1">
  <p>Click D1</p>
</div>
<div class="d2">
  <p>Click D2</p>
</div>
<div class="d3">
<p>Click D3</p>
</div>

推荐阅读