Ako PRIDAŤ triedy v každom div pomocou slučky

Question 1

Toto je môj štruktúra chcem pridať odd aj triedy v každej dvoch divs tak ako môžem dosiahnuť túto štruktúru pomocou JavaScript slučky snažil som sa všetko, ale som nič učím JavaScript slučky, takže niekto prosím, pomôžte mi s týmto

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>

Chcem v tejto štruktúre:

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

& je bitwise "a". index & 2 by 0 pre index 0 a 1, a 2 pre index 2 a 3, striedavý, ako je tento. 0 je falsy a non-0 je truthy. (Vaše používanie "i" a "nepárne" zdá sa dozadu, ale ja som nasledovala svoje použitie.)

jQuery je .each akceptuje žiadosť o spätný hovor, ktorý môže trvať aj index a prvok argument.

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

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

& je bitwise "a". index & 2 by 0 pre index 0 a 1, a 2 pre index 2 a 3, striedavý, ako je tento. 0 je falsy a non-0 je truthy. (Vaše používanie "i" a "nepárne" zdá sa dozadu, ale ja som nasledovala svoje použitie.)

jQuery je .each akceptuje žiadosť o spätný hovor, ktorý môže trvať aj index a prvok argument.

Ako PRIDAŤ triedy v každom div pomocou slučky

Otázka

Najlepšiu odpoveď

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii