0
votes

Changer la couleur de fond d'une div une fois que vous avez cliqué sur un élément LI

J'ai besoin de votre expertise et j'ai besoin à nouveau, ce que j'essaie de faire est lorsque vous cliquez sur l'élément de liste ci-dessous, il obtiendra la couleur d'arrière-plan de la portée et d'appliquer / modifier la couleur sur la DIV principale à chaque fois que l'utilisateur clique Sur l'élément de la liste

Remarque: l'élément de la liste n'est pas seulement deux éléments qu'il peut être plus. p>

html: strong> p>

$("li.variable-item.color-variable-item span").each(function(index, value) {
  var colorjg = $( this ).css( "background-color" );
  $(".slick-list.draggable").css('background-color', colorjg);
});

javascript jquery html

0 commentaires

3 Réponses :

1
votes

Vous pouvez simplement utiliser une fonction code> Cliquez sur CODE> pour vérifier quel li code>> a été cliqué sur code> a été cliqué et obtenez son couleur code> et appliquer cette couleur à votre div code>

Ceci fonctionnera avec plusieurs Li's code> si vous les avez (j'ai ajouté peu de Li code> avec différents Couleur pour Démo code> utiles) P>

Démo en direct: stry> p>

p>



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<li class="variable-item color-variable-item" title="Black" data-value="black">
  <span class="variable-item-span variable-item-span-color" style="background-color:blue;">Click me</span>
</li>
<li class="variable-item color-variable-ite" title="Red" data-value="red">
  <span class="variable-item-span variable-item-span-color" style="background-color:yellow;">Click me</span>
</li>
<li class="variable-item color-variable-ite" title="Red" data-value="red">
  <span class="variable-item-span variable-item-span-color" style="background-color:red;">Click me</span>
</li>
<li class="variable-item color-variable-ite" title="Red" data-value="red">
  <span class="variable-item-span variable-item-span-color" style="background-color:green;">Click me</span>
</li>

<br>
<br>
<div class="slick-list">dsds</div>

0 commentaires

-1
votes

Une solution possible pourrait être d'entourer la section que vous souhaitez modifier dans un événement JS, vous pouvez écrire une fonction qui sera exécutée chaque fois que vous cliquez sur. Voici un lien qui passe plus en détail sur l'événement "OnClick". Je tiens à souligner "OnChick" exécute une fonction, assurez-vous donc d'utiliser des parenthèses lors de l'appel de la fonction par nom (ex: mysculation ()).

0 commentaires

0
votes

JS:

.redBg{
background-color: red;
}

0 commentaires