jQuery - sélectionnez div au même niveau
Je veux sélectionner un div, lors du clic sur un bouton... Le seul problème est, il doit être le div de la buttoncliked du div parent... Exemple:
<div class="container">
<div class="box">
<h2>Langtidsparkering</h2>
<div class="content">
Lorem ipsum dolor sit amet..
</div>
</div>
<div class="listcontainer">
<div class="list"> (THIS DIV SHOULD GET A CLASS "VISIBLE", WHEN THE BUTTON IS CLICKED)
</div>
<div class="listbar">
<button class="viewPrices" type="submit" title="Open">Se priser<span></span </button>
</div>
</div>
</div>
Code:
$(".viewPrices").click(function () {
$(".viewPrices").parents('.listaccordion .list').toggleClass('visible');
});
Des suggestions ? 🙂
S'il vous plaît ajouter une démo de violon.
Whops... prenez celui-ci jsfiddle.net/unebune/n264v/1
Whops... prenez celui-ci jsfiddle.net/unebune/n264v/1
$(this).closest('.listbar').prev()
OriginalL'auteur unebune | 2014-02-28
Vous devez vous connecter pour publier un commentaire.
Cela devrait le faire.
.closest
va aller vers le haut à travers les parents jusqu'à ce qu'il trouve une correspondance. Alors de ce que vous pouvez.find
la cible div que vous êtes à la recherche pour.ici est une mise à jour du violon: http://jsfiddle.net/n264v/2/
OriginalL'auteur Smeegs
À l'aide de
Cela permet de sélectionner le div parent de la div parent où le bouton est.
OriginalL'auteur Eduardo Quintana
De la modification de votre JSFiddle: http://jsfiddle.net/n264v/3/
Aussi, le code suivant fonctionne:
Pour ce HTML:
Pris la liberté d'ajouter le code css suivant:
JSFiddle pour l'exemple ci-dessus
OriginalL'auteur Sunny R Gupta
Essayer:
OriginalL'auteur Guillermo Gutiérrez
D'abord il n'y a pas de div avec la classe "listaccordion" de sorte que vous ne trouverez jamais un match.
Vous pouvez utiliser:
OriginalL'auteur mathius1