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

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

这段代码非常好，正是我想要的。你点击链接，下一个div就会显示出来（一个页面上大约有10个）

$（'a.addtask'）。单击（函数（）{
$（this）.next（'.field'）.slideToggle（）；
返回false；
});
一些内容
其他一些内容

然而，我想做的是像这样更改HTML（div内的链接）：

一些内容
其他一些内容

^^它已经不能正常工作了

---

我需要在我的jquery中更改什么才能使其工作？我已经在谷歌搜索了一段时间，类似帖子中的许多解决方案似乎都不起作用。

$（“.addtask”）.parent（）。下一步（“.field”）

应该可以工作了。

我已经为上述问题完成了完整的垃圾箱

演示：

HTML:

<div class="field">
  Some content
  <a href="#" class="addtask">
    Add a task
  </a>
</div>
<div class="field" style="display:none;">
  some other content
</div>

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

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

});

JQuery:

<div class="field">
  Some content
  <a href="#" class="addtask">
    Add a task
  </a>
</div>
<div class="field" style="display:none;">
  some other content
</div>

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

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

});

---

尝试以下操作：

$（“.addtask”）.nextAll（“.field”）.first（）

在回答带有多个答案的旧问题时，尤其是当其中一个答案被接受时，请注意。您需要解释为什么您的答案比其他现有帖子更好。