jQuery: sélectionnez suivant div en dehors de la div parent

Ok, j'ai l'impression que je"m manque quelque chose de vraiment simple, mais va ici:

Ce code fonctionne très bien, exactement comme je le veux. Vous cliquez sur le lien et la prochaine div est révélé (Il y a environ 10 de ces sur une page)

    $('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>

Ce que je veux faire, cependant, est de modifier le HTML comme (lien à l'intérieur de la 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>

^^Qui ne fonctionne plus correctement.

Que dois-je changer dans mon jquery pour faire ce travail? J'ai cherché sur google pour un certain temps maintenant, et un certain nombre de solutions à des postes similaires ne semblent être au travail.

OriginalL'auteur Clayton Correia | 2012-07-22

  1. 9

    $(".addtask").parent().next(".field") devrait fonctionner

    Boom! Merci, merci beaucoup.

    OriginalL'auteur Naren

  2. 1

    J'ai fait remplir des poubelles pour le problème ci-dessus.

    DÉMO: 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;
    });

});

    OriginalL'auteur gaurang171

  3. 1

    Essayez ceci: $(".addtask").nextAll('.field').first()

    S'il vous plaît être conscient au moment de répondre à de vieilles questions avec plusieurs réponses, surtout quand on a été acceptée. Vous devrez expliquer pourquoi votre réponse est meilleure que l'autre les postes existants.

    OriginalL'auteur Alexey Kalinin