Comment AJOUTER une classe dans toutes les div à l'aide de la boucle

Question 1

C'est ma structure, je veux ajouter étrange même classe tous les deux divs alors, comment puis-je réaliser cette structure à l'aide de JavaScript boucle, j'ai tout essayé mais je n'ai rien, je suis en train d'apprendre le JavaScript boucle donc quelqu'un merci de m'aider

var i = 0;
$('.CollectionInner__Products .Grid__Cell .ProductItem').each(function(i) {
  var index = 0;
  if (index % 3 == 0) {
    $(this).addClass("odd");
  }
});

<div class="custompsps">
  <div class="ProductItem">
  </div>
  <div class="ProductItem">
  </div>
  <div class="ProductItem">
  </div>
  <div class="ProductItem">
  </div>

</div>
<div class="custompsps">
  <div class="ProductItem">
  </div>
  <div class="ProductItem">
  </div>
  <div class="ProductItem">
  </div>
  <div class="ProductItem">
  </div>

</div>

Je veux cette structure:

i want this stucture
<div class="custompsps">
  <div class="ProductItem even">
  </div>
  <div class="ProductItem even">
  </div>
  <div class="ProductItem odd">
  </div>
  <div class="ProductItem odd">
  </div>

</div>
<div class="custompsps">
  <div class="ProductItem even">
  </div>
  <div class="ProductItem even">
  </div>
  <div class="ProductItem odd">
  </div>
  <div class="ProductItem odd">
  </div>

</div>

Question 2

$('.CollectionInner__Products .Grid__Cell .ProductItem').each(function(index, element) {
  $(element).addClass(index & 2 ? "even" : "odd");
});

& est un bit à bit "et". index & 2 serait 0 pour l'index 0 et 1, et 2 pour l'indice 2 et 3, en alternance comme ça. 0 est falsy et non0 est truthy. (Votre utilisation de "même" et "impair" semble en arrière, mais j'ai suivi votre utilisation.)

jQuery .each accepte un rappel qui peut prendre à la fois un indice et un argument de l'élément.

Ouroborus · Answer 1 · 2021-11-25T00:25:00

$('.CollectionInner__Products .Grid__Cell .ProductItem').each(function(index, element) {
  $(element).addClass(index & 2 ? "even" : "odd");
});

& est un bit à bit "et". index & 2 serait 0 pour l'index 0 et 1, et 2 pour l'indice 2 et 3, en alternance comme ça. 0 est falsy et non0 est truthy. (Votre utilisation de "même" et "impair" semble en arrière, mais j'ai suivi votre utilisation.)

jQuery .each accepte un rappel qui peut prendre à la fois un indice et un argument de l'élément.

Comment AJOUTER une classe dans toutes les div à l'aide de la boucle

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie