Question

我有一堆看起来像这样的元素：

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

如何获取我悬停的ID的名称，因此我可以输出类似“您将鼠标悬停在 html 标记上”的内容。（我想要做的并不是那么随意，但我确实需要获取用户为了做到这一点而悬停的标记的名称。）

Answer 1

mouseover应该可以做到这一点。

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

请注意，如果您想知道鼠标何时离开，您可以使用hover。

Answer 2

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

第二个空函数用于鼠标输出，你可能也希望在该事件上做一些事情。

Answer 3

＆＃13;

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>

＆＃13;

Answer 4

这些解决方案仍为我提醒。对我来说，当我处理传递给悬停函数的事件对象时，以下工作：

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

Source of this solution

获取我用jQuery悬停的元素的ID？

4 个答案: