Question

我正在解决以下问题 - 我在我的页面声明DB表中的项目，并且每个此项目都打印到div。如果用户在此div上移动鼠标光标，那么将显示div与其他信息。

            <div class="dost">
                3 days | 
                <span>deliv</span>
                <div class="deliv_bubble">
                  <div><strong>aaa</strong></div>
                                      <div><strong>bbb</strong></div>
                                      <div><strong>ccc</strong></div>
                </div>
            </div>

$('div.dost span').mouseover(function() {
    $('div.dost div.deliv_bubble').show(); 
});

在页面上是例如100次打印这个html结构。我的问题是，当我在文本 deliv 上移动鼠标光标时，将显示div deliv_bubble ，但遗憾的是100次...我试图显示这只是一次......

任何人都可以帮助我，请问我做错了什么？谢谢

Answer 1

这样做：

$('div.dost span').mouseover(function() {
    $(this).parent().find('div.deliv_bubble').show(); 
});

$(this).parent()将返回相应的父div.dost

希望这会有所帮助。干杯

Answer 2

试试这个：

$('div.dost span').mouseover(function() { 
    $(this).siblings('div.deliv_bubble').show(); 
});

Answer 3

$('div.dost span').mouseover(function() {
    $(this).siblings('.deliv_bubble').show(); 
});

应该这样做。

jQuery - ＆＃34;这个＆＃34;元素和＆＃34;父母＆＃34;

3 个答案: