jQuery：选择父div之外的下一个div

好吧，我觉得我错过了一些非常简单的东西但是这里有：

这段代码非常有用，完全符合我的要求。 单击链接，显示下一个div（页面上大约有10个）

$('a.addtask').click(function(){ $(this).next('.field').slideToggle(); return false; }); 
 Some content 
 Add a task 
 some other content  

我想要做的是改变HTML就像这样（在div里面的链接）：

 
 Some content Add a task 
 
 some other content  

^^哪个不再正常工作。

我需要在jquery中进行哪些更改才能使其工作？ 我一直在谷歌搜索一段时间，类似的post中的一些解决方案似乎没有工作。

Answer 1

$(".addtask").parent().next(".field")应该有效

Answer 2

我为上述问题做了完整的垃圾箱。

演示： http ： //codebins.com/bin/4ldqp9y

HTML：

 
 Some content  Add a task  
 
 some other content  

CSS：

 .field{ padding:7px; border:1px solid #4455f9; background:#74cca9; } 

JQuery的：

 $(function() { $('a.addtask').click(function() { $(this).closest('.field').next('.field').slideToggle(); return false; }); }); 

Answer 3

试试这个： $(".addtask").nextAll('.field').first()