Получить идентификатор элемента, который я наводил на jQuery?

У меня есть куча элементов, которые выглядят так:

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

Как мне получить имя id того, на котором я наводил курсор, поэтому я мог бы вывести что-то вроде "Вы наводите курсор на тег html". (То, что я хочу сделать, не так произвольно, но мне нужно получить имя тега, который пользователь наводит, чтобы сделать это.)

Ответ 1

mouseover должен сделать трюк.

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

Обратите внимание, что если вы хотите знать, когда уходит и мышь, вы можете использовать hover.

Ответ 2

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

Вторая пустая функция для мыши, вы, вероятно, захотите что-то сделать и на этом событии.

Ответ 3

Эти решения по-прежнему возвращали мне пустое предупреждение. Для меня, после работы, когда я обработал объект события, переданный функции зависания:

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

Источник этого решения

Ответ 4

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>