Here's an example:
<div class="main"> </div>
<div class="main2"> </div>
<div class="sub"> content </div>
<div class="sub"> content </div>
<div class="sub"> content </div>
<div class="sub"> content </div>
<div class="sub"> content </div>
<div class="sub"> content </div>
<div class="sub"> content </div>
<div class="sub"> content </div>
<div class="sub"> content </div>
I want all the div's that obey the '2n-1' equation to be inside main div, and all the div's that obey the 2n equation to be inside the main2 div.
I tried with css nth-child but I couldn't :/
If i understand you correctly :
const subs = document.querySelectorAll('.sub')
const main = document.querySelector('.main')
const main2 = document.querySelector('.main2')
for (let i = 0; i < subs.length; i++) {
if(i%2 === 0) {
main.appendChild(subs[i])
} else {
main2.appendChild(subs[i])
}
}.main{
background: blue;
}
.main2{
background: red;
}<div class="main"> </div>
<div class="main2"> </div>
<div class="sub"> content1 </div>
<div class="sub"> content2 </div>
<div class="sub"> content3 </div>
<div class="sub"> content4 </div>
<div class="sub"> content5 </div>
<div class="sub"> content6 </div>
<div class="sub"> content7 </div>
<div class="sub"> content8 </div>
<div class="sub"> content9 </div>