J'ai un div dans lequel il y a 3 boutons. Ce que j'attends, c'est que lorsque je clique sur le 3ème bouton, les 2e et les 3ème boutons doivent fumerout ... mais en réalité, seul le 3ème bouton se décolore ... Pourquoi donc?
Voici, mon code et voici le jQuery Je n'ai pas pu trouver une question similaire à celle de la mienne ... et je suis aussi Nouveau à tout cela, donc si vous trouvez qu'une telle question existe, veuillez me rediriger.
3 Réponses :
Vous ne découlez que le bouton avec la classe d'alerte BTN. Utilisez plutôt deux sélecteurs.
$(".btn-success").on("click", function(){
$(this).parent().children(".btn-warning, .btn-success").fadeOut(500)
})
Désolé, c'était une faute de frappe, fixe.
Cela se produit parce que Ce n'est pas un sélecteur valide ici. Pour chaîner plusieurs objets jQuery, vous pouvez utiliser p> .Ajouter () code> méthode et Ensuite, appelez .fadeout (500) code> sur la collection comme: p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="bttns">
<button class="btn btn-danger"> Delete </button>
<button class="btn btn-warning"> Modify </button>
<button class="btn btn-success"> Complete </button>
</div>
Comme vous avez assigné des cours. Vous pouvez aller comme ceci: -
$(".btn-success").on("click", function () {
$('.btn-warning, .btn-success').fadeOut(500);
})
Je n'ai pas répondu celui-ci, mais s'il y a plus d'éléments de la page en utilisant les classes spécifiées, elles disparaîtront également.
Est-ce que cela répond à votre question? Fondement de plusieurs éléments simultanément - JQuery
@Matthias_h non, ce n'est pas ... Bcuz J'ai plusieurs boutons sur la même page contenant la même classe, et si je ne suis pas tous fade ensemble ... Je veux donc utiliser $ (ceci) et puis fondurez-les, pas seulement FADEOUT Plusieurs éléments