Aquí hay un ejemplo:
<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>Quiero que todos los div que obedezcan la ecuación '2n-1' estén dentro del div principal, y todos los div que obedezcan la ecuación 2n estén dentro del div main2.
Probé con css nth-child pero no pude :/
Si te entiendo bien:
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>