jquery 识别哪个 div 被点击

Question

我在一个主 div 中有 4 个 div。没有 div 有 ID。现在我想确定 jquery 点击了哪个 div。

下面是我的html代码。

    <div class="body">
        <div class="summery-item-widget">details 1</div>
        <div class="summery-item-widget">details 2</div>
        <div class="summery-item-widget">details 3</div>
        <div class="summery-item-widget">details 4</div>
    </div>

非常感谢您。

Answer 1

您可以在事件处理程序中使用this 关键字来引用被点击的元素:

$('.summery-item-widget').click(function() {
  var text = $(this).text();
  console.log(text);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="body">
  <div class="summery-item-widget">details 1</div>
  <div class="summery-item-widget">details 2</div>
  <div class="summery-item-widget">details 3</div>
  <div class="summery-item-widget">details 4</div>
</div>