J'ai plusieurs boutons sur ma page avec CSS QTybutton: Je veux ajouter le CSS à un seul bouton lorsque la valeur correspond à la valeur donnée. J'ai utilisé le code suivant, mais cela me donne une erreur non définie dans la zone d'alerte lorsque j'essaie de sélectionner la valeur du bouton.
$(document).on('click','.arrow',function(e){
var curr_qty=$('#qty').val();
var text = $('.qtyButton').filter(function () {
return this.value== curr_qty}).css('color', 'blue');
});
4 Réponses :
Vous devez utiliser .innertext à la place .value
Le problème est avec p> this.value code> - le bouton n'a pas de .value code> - Votre HTML implique que vous souhaitez vérifier le .text ( ) code> du bouton (ou utilisez ceci.innertext code> pour plus d'efficacité):
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='text' id='qty' value="1" />
<button class="qtyButton">1</button>
<button class="qtyButton">2</button>
<button class="qtyButton">3</button>
<hr/>
<button id='clickme'>click me</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button class="qtyButton">1</button> <button class="qtyButton">2</button> <button class="qtyButton">3</button>
@Pete merci. Je ne savais pas quelle est la meilleure approche pour cela. Corrigé-le maintenant.
Je n'ai pas vu le commentaire qui a incité le changement, mais FYI - si cela affectait un grand nombre d'éléments DOM, il serait préférable d'utiliser .filter et d'appliquer le changement une fois plutôt que de s'appliquer la modification de chaque élément qui pourrait générer un grand nombre de changements DOM.
En supposant que vous avez, quelque part dans votre DOM, un Je veux respecter votre J'ai ajouté une réinitialisation de couleur de tous les éléments avant votre logique. Qté . Retour this.value == cur_qty ligne, donc j'ai ajouté Attributs sur votre .qtybutton éléments.
Quel est curr_qty?
Et où sont
.rrow et#qty éléments de votre DOM?Ceci contient la valeur d'une autre zone de texte unique que j'ai sur ma page HTML
Vous n'avez défini aucune valeur pour votre bouton - il dispose de HTML ou de texte intérieur mais aucune valeur