Obtener ID del elemento sobre el que sobrevivo jQuery?

Tengo un montón de elementos que se parecen a esto:Obtener ID del elemento sobre el que sobrevivo jQuery?

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

¿Cómo puedo obtener el nombre del ID de la que se ciernen sobre, por lo que podría generar algo así como "Usted está flotando sobre el etiqueta html ". (Lo que yo quiero hacer no es tan arbitraria, pero sí es necesario para obtener el nombre de la etiqueta del usuario se desplaza sobre el fin de hacerlo.)

Fuente

2009-11-21 Andrew

mouseover debería hacer el truco.

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

Tenga en cuenta que si quieres saber cuando el ratón sale así, puede utilizar hover.

Fuente

2009-11-22 00:03:00

que muestra un cuadro de alerta vacía. = /. – Andrew

Ha trabajado para mí en jsbin - http://jsbin.com/ohili –

Vaya, tuve dos clases llamadas 'etiquetas' por accidente; Hice uno para una lista y otro para formatear la etiqueta. jeje. Gracias! – Andrew

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

Segunda función vacía es para el ratón, usted Probablemente quiera hacer algo en ese evento también.

Fuente

2009-11-22 00:02:36 rfunduk

Estas soluciones todavía me devolvieron una alerta vacía. Para mí, lo siguiente trabajado cuando manipula el objeto de evento pasado a la función emergente:

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

Source of this solution

Fuente

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>

Fuente

2017-11-20 06:13:50

Obtener ID del elemento sobre el que sobrevivo jQuery?

Respuesta

Cuestiones relacionadas