Erhalte die ID des Elements, über das ich schwebe, mit jQuery?

Ich habe eine Reihe von Elementen, die wie folgt aussehen:Erhalte die ID des Elements, über das ich schwebe, mit jQuery?

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

Wie würde ich den Namen der ID von der, die ich über schweben bekommen, so konnte ich Ausgang so etwas wie „Du bist über die schwebende html tag ". (Was ich tun möchte, ist das nicht willkürlich, aber ich brauche den Namen des Tags erhalten die Benutzer über schwebt, um es zu tun.)

Quelle

2009-11-21 Andrew

mouseover sollte den Trick tun.

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

Beachten Sie, wenn Sie wissen wollen, wenn die Maus als auch Blätter, Sie hover verwenden können.

Quelle

2009-11-22 00:03:00

, dass eine leere Warnmeldung anzeigt. = /. – Andrew

Arbeitete für mich über bei Jsbin - http://jsbin.com/ohili –

Hoppla, ich hatte zwei Klassen namens "Tags" bei Unfall; Ich habe einen für eine Liste und einen für die Formatierung des Tags erstellt. hehe. Danke! – Andrew

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

Zweite leere Funktion für Maus ist aus, Sie Ich werde wahrscheinlich auch etwas auf diesem Event machen wollen.

Quelle

2009-11-22 00:02:36 rfunduk

Diese Lösungen gaben immer noch eine leere Warnung für mich zurück. Für mich war folgendes, wenn ich das Ereignisobjekt behandelt Hover-Funktion übergeben:

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

Source of this solution

Quelle

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>

Quelle

2017-11-20 06:13:50

Erhalte die ID des Elements, über das ich schwebe, mit jQuery?

Antwort

Verwandte Themen