Javascript Girl
  1. Javascript Girl
  3. Mettez en surbrillance div onclick
Intereting Posts
Est-ce que React use requestAnimationFrame? Dans l'affirmative, comment l'utilise-t-il? Wow.js ne fonctionne que lorsque vous faites défiler Canvas toDataUrl augmente la taille du fichier de l'image Fonction jQuery sur les événements de la fenêtre (chargement et redimensionnement) Soumettre un formulaire à une nouvelle fenêtre de taille personnalisée Comment afficher des millisecondes dans le compte à rebours javascript Exposer le nom de l'état actuel avec le routeur ui Le tag de dattaxe HTML5 ne dépasse pas Safari Paper.js avec excanvas Boîte d'affichage jQuery sur le vol stationnaire et cachez-vous sur le flan de souris Extraire l'image src d'une chaîne Impossible de vérifier la signature des feuilles Multiple Ternary Operators Comment puis-je désactiver l'écran d'impression pour une page Web dans tous les navigateurs Plusieurs éditeurs TinyMCE, mais une seule barre d'outils?

Mettez en surbrillance div onclick

J'ai une question, quel code jQuery doit-il être utilisé, pour mettre en évidence DIV dans la liste en cliquant? J'ai 8 Div, j'ai besoin de mettre en surbrillance un cliqué et, en cliquant sur le prochain, le précédent n'est plus mis en évidence.

Ok, alors essayez ceci: –

JSFiddle- http: //jsfiddle.net/dtzjN/198/

Tout ce que vous devez faire est d'avoir une classe commune dans toutes les divs, en cliquant, supprimer la classe de couleur de toutes les autres div et ajouter une classe de couleur à la division cliquée. 

<div class="divs"> Thumb1 </div> <div class="divs"> Thumb1 </div> <div class="divs"> Thumb1 </div> <div class="divs"> Thumb1 </div>

JS 

 var addclass = 'color'; var $cols = $('.divs').click(function(e) { $cols.removeClass(addclass); $(this).addClass(addclass); });

CSS 

 .color { background-color: yellow; }

Source: – Comment puis-je mettre en surbrillance un élément de liste sélectionné avec jquery?

L'a modifié selon l'exigence.

Essayez ci-dessous 

 $(document).ready(function() { $Divs = $("div"); $Divs.click(function() { $Divs.removeClass("highlight"); $(this).addClass("highlight"); }); }); 
 .highlight { background: green; } div { display: block; width: 100px } 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <ul> <li> <div>First Div</div> </li> <li> <div>Second Div</div> </li> </ul>

http://jsfiddle.net/uf4jxn5y/ 

 <ul> <li><div>Html 1</div></li> <li><div>Html 2</div></li> <li><div>Html 3</div></li> </ul>

Et le JS 

 $(document).ready(function() { $("li div").click(function() { $("li div").each(function() { $(this).css("background-color", "transparent"); }); $(this).css("background-color", "#ff3300"); }); });

Vous pouvez essayer quelque chose comme ça, peut-être: 

 $('.mainDiv').on('click','.divs',function () { $(this).parent().find('.divs').css('background-color', ''); $(this).css('background-color', '#00fff0'); });

http://jsfiddle.net/HABdx/649/