javascript - 类不工作 jQuery

Question

因此，我尝试在 jQuery 中检查输入时，有多个具有相同类名的动态生成元素。它不是让我同时点击两者，而是让我点击第一个生成的元素。

例如:我点击 item_1，它返回 item_1 id，但是当我点击 item_2 时，它没有返回任何内容。

HTML

    <div id="item_1" class="resp"></div>
    <div id="item_2" class="resp"></div>

JS-Jquery

    $(".resp").on("click",() =>{
      var id = $(".resp").attr("id");
      console.log('attempting toggle' + id);
    });

Answer 1

首先，你必须使用普通函数而不是箭头函数(以避免错过上下文)。其次 - 使用 this 关键字来引用实际点击的元素。

$(".resp").on("click", function() {
  console.log('attempting toggle ' + this.id);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="item_1" class="resp">A</div>
<div id="item_2" class="resp">B</div>