JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div class="all">
  <div class="wrap">2</div>
  <div class="wrap">2</div>
  <div class="wrap">2</div>
  <div class="wrap">2</div>
  <div class="wrap">2</div>
  <div class="wrap">2</div>
  <div class="wrap">2</div>
  <div class="wrap">2</div>
  <div class="wrap">2</div>
  <div class="wrap">2</div>  
  
  <div class="wrap">2</div>
  <div class="wrap">2</div>  
</div>

JavaScript

var i;
var wrap_length = $('.wrap').length;
var wrap_ = $('.all');

wrap_.each(function(){
		var this_ = $(this).children('.wrap');
    for(i=0 ; i<wrap_length; i++ ){
        i = i+1;
        i++;
        console.log(i)
         $(this).children(':nth-child('+i+')').addClass('new');
    }
});