Jquery parents() aide

Question

Quelqu'un peut-il s'il vous plaît dites-moi pourquoi cela ne fonctionne pas? J'essaie d'afficher et de masquer le contenu.

Voici mon balisage

<div class="entry"> 
    <p class="posted"> 
    test<br /> 
    <a href="#" class="toggle" title="Show Comments"> 
     Show/Hide 
    </a> 
    </p> 
    <div class="box" class="comment"> 
    test hidden comment 
    </div> 
</div> 

---

$(function() { 
    $('div.box').hide(); 
    $('a.toggle').click(function() { 
    $(this).parents('.entry').next('div.box').toggle(400); 
    }); 
}); 

La façon dont cet exemple se trouve en ce moment, si je prends la dernière fermeture div et le déplacer après la balise p de fermeture, il fonctionne très bien, mais montre et cache tous contenu caché (divs) qui n'est pas ce que je suis après. Je voudrais seulement montrer le contenu associé à chaque lien.

Answer 1

Essayez d'utiliser .parent au lieu de .parents.

cela fonctionnera:

$(function() { 
     $('div.box').hide(); 
     $('a.toggle').click(function() { 
     $(this).parent('.posted').next('div.box').toggle(400); 
     }); 
    }); 

Answer 2

class="comment" overrides class="box", use class="comment box" 

Answer 3

Ce n'est pas parents qui est le problème, c'est le next(). next() récupère les éléments frères, alors que vous avez besoin des sous-éléments imbriqués. Utilisez children() à la place. Essayez cela, il a travaillé pour moi:

$(function() { 
    $('div.box').hide(); 
    $('a.toggle').click(function() { 
    $(this).parents('.entry').children('div.box').toggle(400); 
    }); 
}); 

Answer 4

Il fonctionne si vous changez next() à find() ou children():

$(function() { 
    $('div.box').hide(); 
    $('a.toggle').click(function() { 
    $(this).parents('.entry').find('div.box').toggle(400); 
    }); 
}); 

C'est parce que next() obtient les frères et sœurs de l'objet, tandis que find() recherches les descendants. Lorsque votre code appelle next() l'objet est '.entry' qui n'a pas de frères et sœurs, vous pouvez utiliser children() comme suggère zombat ou find() comme je l'ai fait pour localiser div.box comme il est un descendant de '.entry'.

Answer 5

Salut Parkim, vous parlez de la question j'ai avec la page sauter au sommet? J'ai essayé ce mais il fait toujours la même chose. - Jack

Non, en raison du remplacement, vous ne pouvez pas utiliser le sélecteur ".box". page saute vers le haut, à cause de l'ancre "#", vous devriez utiliser "return false" pour empêcher le gestionnaire "click" par défaut.

$("a").click(function() { /* your code */ return false; }); 

Answer 6

Tout comme une alternative, j'utiliser closest et find au lieu de parent et children respectivement, je pense qu'il est plus une question de préférence cependant.

$(function() { 
    $('div.box').hide(); 
    $('a.toggle').click(function() { 
    $(this).closest('.entry').find('div.box').toggle(400); 
    return false; 
    }); 
});