瞄准位于其他潜水器内部的潜水器

Question

我想让这个悬停工作。目标是当有人悬停在div.lol上时，div.sdf隐藏。

不确定如何将div.dang添加到脚本中以使此工作。如果我删除div.dang，我的脚本工作。

<div class="ugh"><div class="lol">test</div></div>
<div class="dang"><div class="sdf">sdf</div></div>

    $(document).ready(function(){
    $('.lol').hover(function(){
        $('.ugh').nextAll('.sdf:first').hide();
    },function(){
        $('.ugh').nextAll('.sdf:first').show();
    })
});

这是一个链接到jsfiddle http://jsfiddle.net/nLybj/297/

Answer 1

您可以使用:

  $('.lol').hover(function(){
    $(this).parent().next().find('.sdf').hide();
  },function(){
    $(this).parent().next().find('.sdf').show();
  });

演示工作

Answer 2

尝试:

$(document).ready(function () {
    $('.lol').hover(function () {
        $(this).parent().next('.dang').find('.sdf').hide();
    }, function () {
        $(this).parent().next('.dang').find('.sdf').show();
    })
});

<<p> jsFiddle例子/strong>

Answer 3

如果你想隐藏/显示所有类为"sdf"的元素，那么你可以试试:

$('.lol').hover(
   function(){
        $('.sdf').hide();
    },function(){
        $('.sdf').show();
});

演示

选择下一个最近的:

$(document).ready(function(){
    $('.lol').hover(function(){
        $(this).parent().next().find('.sdf:first').hide();
    },function(){
        $(this).parent().next().find('.sdf:first').show();
    }) 
});

演示