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

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

DEMO： 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;
    });

});

Answer 3

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

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

3 个答案: