comment sélectionner un div dans une liste dans jquery

Question

Je suis un tutoriel pour une barre de menu et j'ai du mal à l'adapter pour utiliser qTip car je n'arrive pas à trouver un moyen de sélectionner un élément particulier .

<div class="leftside"> 
     <!-- all things in floating left side --> 
     <ul id="social"> 
      <li><a class="rss" href="#"></a> 
       <!-- icon --> 
       <div id="tiprss" class="tip"> 
        <!-- tooltip --> 
        <ul> 
         <li><a href="#">580 Readers</a></li> 
         <li><a href="#"><small>[Subscribe]</small></a></li> 
        </ul> 
       </div> 
      </li> 

Je suis en train de chercher la div « tiprss » que je peux faire par son nom, mais je veux vraiment, pour la li actuellement plané son enfant classe « tip » ... est-ce faisable?

Le point est que je peux passer le code HTML dans cette balise div dans qTip comme contenu.

Answer 1

Vous pouvez lier un événement mouseover-$('#social li') comme ceci:

$('#social li').bind('mouseover',function(e){ 
    $('#qTipID').html($(this).find('.tip').html()); 
}); 

Je suppose que le Qtip disparaît mouseout, donc pas besoin de retirer quoi que ce soit puisqu'il sera remplacé le prochain mouseover. Here's a working example.

Answer 2

Essayez: $('li div.tip').text()

Answer 3

jquery a une hover function qui gère ce bien

$('.tip').hover(
    function() { 
      var tipdiv = $(this); 
      // mouse is over! 
    }, 
    function() { 
      var tipdiv = $(this); 
      // mouse out! 
    } 
);