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>

Answer 2

这就是你需要的。

$(".summery-item-widget").click(function(){
   console.log(this)
});

this将返回您单击的元素。

Answer 3

我希望这对你有所帮助。

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

<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>