2009-11-21 8 views
15

मुझे लगता है कि इस तरह दिखना तत्वों का एक समूह है:जो तत्व मैं jQuery के साथ होवर करता हूं उसका आईडी प्राप्त करें?

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

मैं एक मैं पर होवर की आईडी का नाम कैसे मिलेगा, तो मैं कर सकता उत्पादन कुछ की तरह "आप पर मँडरा रहे हैं एचटीएमएल टैग "। (मुझे क्या करना चाहते हैं नहीं है कि मनमाने ढंग से है, लेकिन मैं उपयोगकर्ता आदेश यह करने के लिए में पर घूमता टैग के नाम पर प्राप्त करने की आवश्यकता है।)

उत्तर

31

mouseover चाल चलाना चाहिए।

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

ध्यान दें कि अगर आप को पता है जब माउस के रूप में अच्छी तरह से छोड़ देता है चाहते हैं, आप hover उपयोग कर सकते हैं।

+0

एक खाली चेतावनी बॉक्स प्रदर्शित करता है यही कारण है कि। = /। – Andrew

+0

जेएसबीएन पर मेरे लिए काम किया - http://jsbin.com/ohili –

+0

ओह, मेरे पास दुर्घटना पर 'टैग' नामक दो वर्ग थे; मैंने एक सूची के लिए एक बनाया और टैग को प्रारूपित करने के लिए एक बनाया। Hehe। धन्यवाद! – Andrew

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

दूसरा खाली समारोह माउस के लिए बाहर है, तो आप शायद उस घटना पर कुछ भी करना चाहूंगा।

0

ये समाधान अभी भी मेरे लिए एक खाली अलर्ट लौटाए हैं। मेरे लिए, काम के बाद जब मैं घटना वस्तु मंडराना समारोह के लिए पारित संभाला:

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

Source of this solution

0

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>

संबंधित मुद्दे