0
votes

Faire de la couleur de bouton de bouton après l'utilisateur cliquez dessus

Ce ne serait pas difficile pour moi de résoudre si je n'avais pas 2 idées d'identifiant pour chaque élément

J'ai une image avec son propre identifiant dans la base de données Ceci est le bouton similaire xxx

et ceci est le bouton d'aversion xxx

in php, j'ai fait que les deux identifiants de boutons = idem parce que c'est des images ID unique qui est dans la base de données, en fonction de cet identifiant, il est affiché à la base de données via ce code xxx

d'autres m'a dit qu'il est faux d'utiliser le même identifiant 2 éléments je pense que cela peut être résolu si quelqu'un pouvait me donner du code Trouver la classe où classe = angle-up and id = 1 Changer la classe à vérifier

Je pourrais faire que les deux identités ne sont pas identiques, mais je devrais alors avoir besoin de stocker cet identifiant dans une autre endroit, puis de l'obtenir via code et je n'ai aucune idée de comment faire cela, c'est plus facile pour moi


2 commentaires

Les identifiants doivent être uniques. Utilisez une classe ou deux identifiants différents - $ ("a. $ Vodup") et $ ("a. $ Votedown") devrait fonctionner


D'autres seraient corrects comme ID S sont censés être uniques.


4 Réponses :


0
votes

Les identifiants doivent être uniques. Utilisez une classe ou deux identifiants différents - xxx pré>

et p> xxx pré>

doit fonctionner p>

mais cela est recommandé p>

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" crossorigin="anonymous" />
<div id="$id">
  <a id='voteup'   class='fas fa-angle-up vote'></a>
  <a id='votedown' class='fas fa-angle-down vote'></a>
</div>



0
votes

Utiliser $ (this) code> Pour cibler le bouton cliqué, sans avoir besoin d'un identifiant code> ou même d'une classe:

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>1</button>
<button>2</button>


1 commentaires

Il n'avait probablement pas envie de basculer cette classe lorsqu'il a deux liens.



0
votes

ID code> doit être unique pour référencer un élément DOM. Vous pouvez utiliser différents identifiants ou utiliser une classe.

p>

<div class="daddy">
  <div id="btn1" onclick='vote("up", this.id);'>UP</div>

  <div id="btn2" onclick='vote("down", this.id);'>DOWN</div>
</div>


0 commentaires

0
votes

Vous pouvez utiliser ".Classname" pour changer de couleur.

$(".fas fa-angle-up $voteup").click(function(){
    $(this).css( "background-color", "red" );

 });


0 commentaires