Question

当我将鼠标悬停在元素上时，我希望使用类名来获取当前元素ID。

要明确的是，当我将鼠标悬停在第一个元素（数字1）上时，它应仅弹出第一个元素的id，即1;

这是我正在使用的代码

 $(document).ready(function(){
 $('.number').hover(function(){
 $('.number').each(function(){
 alert($(this).attr('id'));
 });
 });
 });

 <p class="number" id="1">Number 1</p>
 <p class="number" id="2">Number 2</p>
  p class="number" id="3">Number 3</p>

Answer 1

摆脱循环。悬停回调中的this是事件发生在

上的元素

$(document).ready(function(){
  $('.number').hover(function(){    
     alert($(this).attr('id')); // or simpler `this.id`
  }, function(){
    // do something when mouse leaves
  });
});

Answer 2

＆＃13;

$(document).ready(function() {
  $('.number').hover(function(e) {
    alert(e.target.id);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="number" id="1">Number 1</p>
<p class="number" id="2">Number 2</p>
<p class="number" id="3">Number 3</p>

＆＃13;

Answer 3

试试这个： -

$(document).ready(function(){
 $('.number').hover(function(){
   alert($(this).attr('id'));
  });

});

 <p class="number" id="1">Number 1</p>
 <p class="number" id="2">Number 2</p>
 <p class="number" id="3">Number 3</p>

这将在每个<p>代码悬停时提醒ID

如何在jquery中使用类名获取当前元素id

3 个答案: