針對其他divs內的div

我試圖讓這個懸停工作。 目標是當某人懸停div.lol div.sdf隱藏。針對其他divs內的div

不知道如何將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/

來源

2014-06-19 Display name

你去那裏：http://jsfiddle.net/nLybj/302/ – Abhitalks

您可以使用：

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

Working Demo

來源

2014-06-19 13:41:15

嘗試：

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

jsFiddle example

來源

2014-06-19 13:43:20 j08691

如果你想隱藏/顯示用類「自衛隊」的元素，那麼你可以試試這個：

$('.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

來源

2014-06-19 13:47:49 Vikram

不幸的是，我只想要下一個最接近的，而不是全部。 –

好吧我會更新答案:-) – Vikram

針對其他divs內的div

回答

相關問題