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

我希望这会对你有所帮助。

＆＃13;

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

＆＃13;

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

＆＃13;

jquery标识单击了哪个div

3 个答案: