jquery next（）div

Question

我想用next（）切换div。问题在于“触发器”与我想要切换的div不同。该工作的例子：

$("span.trigger").click(function(){ 
     $(this).next("div.task_description").slideToggle("fast"); 
}); 

<span class="trigger">The trigger</span> 
<div class="task_description "> 
    some content 
</div> 

但我需要的HTML设置的方法是：

<div> 
    <span class="trigger">The trigger</span> 
</div> 
<div class="task_description "> 
    some content 
</div> 

这不工作...有什么建议？

Answer 1

在这种情况下，你需要一个.parent()为好，像这样：

$("span.trigger").click(function(){ 
    $(this).parent().next("div.task_description").slideToggle("fast"); 
}); 

另外，如果您的嵌套可能会改变，你可以去给你所处的<div>，就像这样：

$(this).closest("div").next("div.task_description").slideToggle("fast");