Javascript Girl
  1. Javascript Girl
  3. Appliquer la couleur aléatoire aux éléments de classe individuellement?
Intereting Posts
Pouvons-nous donner le nom à html <table>? AngularJS Service Indéfini: fournisseur inconnu: $ scopeProvider <- $ scope Existe-t-il un moyen de lire des vidéos mpeg dans HTML5? Comment résumer les valeurs des boutons radio en utilisant JavaScript ou jQuery? Pourquoi la matrice de javascript native pour chaque méthode est-elle beaucoup plus lente que la norme pour la boucle? Comment puis-je empêcher window.onforeunload d'être déclenché par javascript: href liens dans IE? Appium & Webdriver (webdriverjs) – ne peut pas exécuter le code javascript Modifier l'attribut de nom d'entrée / champ de sélection imbriqué dans une table clonée pour l'entrée de formulaire dynamique – Javascript Uncaught TypeError: $ template.get n'est pas une fonction Événement de redimensionnement des feux une fois non basé sur le calendrier Comment déplacer l'iframe le long du DOM sans perdre son contenu? Erreur inattendue sur UrlFetchApp.fetch dans le script Google Apps Comment définir un xaxis statique et un axe y, javascript d3 Str_shuffle () équivalent en javascript? AngularJS: Quel est le besoin de la fonction de liaison de la directive lorsque nous avons déjà eu un contrôleur de directive?

Appliquer la couleur aléatoire aux éléments de classe individuellement?

Mon objectif est de chaque div avec une classe de "principal" pour avoir une couleur de fond aléatoire. J'ai le script qui génère la couleur aléatoire mais, en utilisant jquery, je ne peux que l'appliquer à toutes les divs de la classe. Comment puis-je sélectionner un div, appliquer la couleur, sélectionner la prochaine div dans la classe, générer une nouvelle couleur aléatoire, l'appliquer et la répéter? Voici mon code: 

$(document).ready(function() { var hue = 'rgb(' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ')'; $('.main').css("background-color", hue); }); 

 $(document).ready(function() { $('.main').each(function () { var hue = 'rgb(' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ')'; $(this).css("background-color", hue); }); }); 
 $(document).ready(function() { $('.main').each(function(){ var hue = 'rgb(' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ')'; $(this).css("background-color", hue); } });

Le code devrait être comme ça … 

 $(document).ready(function() { $('.main').each{ Function(){ $(this).css("background-color", hue); }; }; });

Bah-sorry pour les erreurs. J'ai corrigé le pire d'entre eux pour l'amour de ma propre santé … mais l'autre réponse m'a frappé.