jQuery：選擇父div之外的下一個div

Question

好吧，我覺得我錯過了一些非常簡單的東西但是這里有：

這段代碼非常好用，就像我想要的那樣。 單擊該鏈接並顯示下一個div（頁面上大約有10個）

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

  <div class="field">
   Some content
  </div>

  <a href="#" class="addtask">Add a task</a>

  <div class="field" style="display:none;">
    some other content
  </div>

但是我想要做的就是更改HTML（div中的鏈接）：

<div class="field">
   Some content
   <a href="#" class="addtask">Add a task</a>
  </div>


  <div class="field" style="display:none;">
    some other content
  </div>

^^哪個不再正常工作。

我需要在jquery中進行哪些更改才能使其工作？ 我一直在谷歌搜索一段時間，類似的帖子中的一些解決方案似乎沒有工作。

Answer 1

$(".addtask").parent().next(".field")應該有效

Answer 2

試試這個： $(".addtask").nextAll('.field').first()

Answer 3

我為上述問題做了完整的垃圾箱。

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

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>

CSS：

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

JQuery的：

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

});