jquery使用nextall显示一个unnested div

时间:2010-10-06 13:05:22

标签: jquery

阅读了如何使用nextall()后,我仍然有点难以理解:我有一个循环,将输出以下代码。

<div id="placement" style="float:right"> 
    <a class="eng-sum"><img src="/flags/en.png"></a>
</div>

<div class="tool-summary" id="tool-summary" style="clear:both; display:none">
    blar blar
</div>

我希望点击英国国旗并显示下一个div.tool-summary

这是我正在使用的jquery脚本:

$('.eng-sum').click(function() {   

   $(this).nextAll(".tool-summary:first").slideToggle();

});

这个脚本只有在我将#toment-div包装在#placement div中时才有效 - 我认为nextall()函数会处理这个问题,但似乎没有?

1 个答案:

答案 0 :(得分:0)

nextAll只找到兄弟姐妹。也就是说,它只查看同一父元素中的元素。

您可能希望使用

$(this).parent().nextAll(".tool-summary:first").slideToggle();

这会在#placement div。

的兄弟之间进行搜索