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();
  });

<强> Working Demo

Answer 2

尝试：

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

<强> jsFiddle example

Answer 3

如果你想用“sdf”类隐藏/显示所有元素，那么你可以试试这个：

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

演示here

选择下一个最近的：

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

Demo

定位其他div内的div

3 个答案: