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”，我可以通过名字来做，但我真的想要，对于目前徘徊的li，它的孩子“小费”类......这是可行的吗？

关键在于我可以将此div标签中的html作为内容传递给qTip。

Answer 1

jquery有一个hover function可以很好地处理这个

$('.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上被替换。 Here's a working example.

Answer 3

尝试：$('li div.tip').text()

如何在jquery中选择列表中的div

3 个答案: