獲取我用jQuery懸停的元素的ID？

我有一大堆的元素看起來像這樣：獲取我用jQuery懸停的元素的ID？

<span class='tags' id='html'>html</span> 
<span class='tags' id='php'>php</span> 
<span class='tags' id='sql'>sql</span>

我怎麼會得到一個我懸停的id的名字，所以我可以輸出類似「你盤旋在html標籤「。（我想這樣做是不是任意的，但我確實需要得到標記的名稱，用戶爲了做劃過。）

來源

2009-11-21 Andrew

mouseover應該這樣做。

$('.tags').mouseover(function() { 
    alert(this.id); 
});

請注意，如果您希望當鼠標離開也知道，你可以使用hover。

來源

2009-11-22 00:03:00

顯示一個空的警告框：對我來說，當我處理傳遞給懸停功能的事件對象以下工作。 = /。 – Andrew 2009-11-22 00:11:17

在jsbin上爲我工作 - http://jsbin.com/ohili – 2009-11-22 00:15:44

哎呀，我有兩個班，名爲'tags'，意外;我爲一個列表創建了一個，併爲標記進行了格式化。呵呵。謝謝！ – Andrew 2009-11-22 00:21:37

$('.tags').hover(
    function() { console.log('hovering on' , $(this).attr('id')); }, 
    function() {} 
);

二空函數是老鼠了，你我們可能也想在這個事件上做點什麼。

來源

2009-11-22 00:02:36 rfunduk

這些解決方案仍然爲我返回一個空警報。

$(".input-box").hover(function(eventObj) { 
    alert(eventObj.target.id); 
});

Source of this solution

來源

2017-02-23 16:20:45 Vishal

Use this one:- 
 

 
    <!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <script> 
 
    $(document).ready(function(){ 
 
     $("p").hover(function(){ 
 
     
 
      //if get onhover id 
 
      alert("NOW GET ON HOVER ID NAME:--"+" "+this.id); 
 
      
 
      //if get onhover class 
 
      alert("NOW GET ON HOVER CLASS NAME:--"+" "+$(this).attr('class')); 
 
      
 
      
 
     }); 
 
    }); 
 
    </script> 
 
    </head> 
 
    <body> 
 

 
    <p class="getclass" id="get_class_id" >Hover the mouse</p> 
 

 
    </body> 
 
    </html>

來源

2017-11-20 06:13:50

獲取我用jQuery懸停的元素的ID？

回答

相關問題