Как выбрать Div в списке в JQuery

Question

Я следую учебному пособию для строки меню, и у меня возникают проблемы с его адаптацией для использования qTip, потому что мне кажется, что я не могу найти способ выбрать определенный элемент.

 <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>

Я пытаюсь получить div "tiprss", который я могу сделать по имени, но на самом деле я хочу, чтобы для текущего находящегося в нем дочернего класса "tip" ... это выполнимо?

Дело в том, что я могу передать html в этом теге div в qTip в качестве содержимого.

Answer 1

jquery имеет функцию наведения , которая прекрасно справляется с этим

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

Answer 2

Вы можете связать событие mouseover с $('#social li') следующим образом:

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

Я предполагаю, что qTip исчезает на mouseout, поэтому нет необходимости удалять что-либо, поскольку оно будет заменено на следующем mouseover. Вот рабочий пример.

Answer 3

Попробуйте: $('li div.tip').text()