Ajouter une classe pour le bouton cliqué et supprimer la classe des frères et sœurs
Dec 07 2020
Je souhaite ajouter une classe au bouton sur lequel l'utilisateur clique et supprimer cette classe de tous les frères et sœurs (bouton). Le code ci-dessous ajoute le CSS pour les boutons sur lesquels je clique et impossible de supprimer le CSS pour les boutons déjà appliqués.
$("#followingButtonsId").children().addClass('buttonSelected')
.parent().siblings().find('.buttonSelected').removeClass('buttonSelected');
.buttonSelected { background: #5b2200;}
<div class="row" id="followingButtonsId">
<button class="buttonSelected">Button1</button>
<button>Button2</button>
<button>Button3</button>
</div>
Réponses
3 NicoShultz Dec 07 2020 at 21:34
Au clic, je supprime la classe buttonSelected
de tous les boutons, puis je l'ajoute à celui sur lequel l'utilisateur a cliqué
$('button').click(function(e) { $('button').removeClass('buttonSelected');
$(e.target).addClass('buttonSelected');
});
.buttonSelected {
background: #5b2200;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row" id="followingButtonsId">
<button class="buttonSelected">Button1</button>
<button>Button2</button>
<button>Button3</button>
</div>
1 Shuvo Dec 07 2020 at 21:36
Cela devrait fonctionner:
$("#followingButtonsId button").on("click", function() { $("#followingButtonsId button").removeClass("buttonSelected");
$(this).addClass("buttonSelected");
});