Come AGGIUNGERE classe al div con loop

Question 1

Questa è la mia struttura voglio aggiungere dispari pari classe ogni due div, come posso realizzare questa struttura utilizzando JavaScript loop ho provato di tutto ma non ho niente sto imparando JavaScript loop in modo che chiunque si prega di aiutare me con questo

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>

Voglio questa struttura:

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");
});

& è un bit a bit "e". index & 2 sarebbe 0 per l'indice 0 e 1, e 2 per indice 2 e 3, alternando come questo. 0 è falsy e non0 è truthy. (L'uso di "pari" e "dispari" sembrano indietro, ma ho seguito il vostro uso.)

jQuery .each accetta un callback che può prendere sia un indice e un elemento argomento.

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

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

& è un bit a bit "e". index & 2 sarebbe 0 per l'indice 0 e 1, e 2 per indice 2 e 3, alternando come questo. 0 è falsy e non0 è truthy. (L'uso di "pari" e "dispari" sembrano indietro, ma ho seguito il vostro uso.)

jQuery .each accetta un callback che può prendere sia un indice e un elemento argomento.

Come AGGIUNGERE classe al div con loop

Domanda

Migliore risposta

In altre lingue

Questa pagina è in altre lingue

Popolare in questa categoria

Domande popolari in questa categoria