オッズとevensをjavascriptのメインIDに結合するにはどうすればいいですか？

Question

私は要素oddsとevensのリストを持っています。私はノードoddsとevensを削除して、すべてのオッズとエヴェンスをID mainに結合したいと思います。

私はこのようにそれを達成しようとした：私は出力を得ることができていますが、問題は私が殺したノード/要素oddsとevens後に削除する必要がある

len = $('#odds').children().length + $('#evens').children().length; 
 

 
for (var k = 1; k < len + 1; k++) { 
 
    if (k % 2 != 0) { 
 
    console.log('odds:', $('#odds').children()[0]); 
 
    $('#main').append($('#odds').children()[0]); 
 
    } else if (k % 2 == 0) { 
 
    console.log('evens', $('#evens').children()[0]); 
 
    $('#main').append($('#evens').children()[0]) 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="main"> 
 

 
</div> 
 

 
<div id="odds"> 
 
    <div>sentence number one</div> 
 
    <div>sentence number three</div> 
 
    <div>sentence number five</div> 
 
    <div>sentence number seven</div> 
 
</div> 
 

 
<div id="evens"> 
 
    <div>sentence number two</div> 
 
    <div>sentence number four</div> 
 
    <div>sentence number six</div> 
 
</div>

インターリーブする。これをどのように達成するのですか？

Answer 1

が、これはあなたが何を探して何だと思う：

function combine(){ 
    var main = document.getElementById('main'); 
    var odds = document.getElementById('odds'); 
    var evens = document.getElementById('evens'); 

    var combined = odds.innerHTML + evens.innerHTML 

    main.innerHTML = combined; 
    odds.innerHTML = ""; 
    evens.innerHTML = ""; 
} 
combine() 

Answer 2

var odds = document.getElementById("odds").children; 
 
var evens = document.getElementById("evens").children; 
 
var main = document.getElementById("main"); 
 

 
var addOdd = true; 
 

 
while(odds.length > 0 && evens.length > 0){ 
 
    if(addOdd){ 
 
    \t main.appendChild(odds[0]); 
 
    } 
 
    else{ 
 
    \t main.appendChild(evens[0]); 
 
    } 
 
    addOdd = !addOdd; 
 
} 
 

 

 
\t

<div id="main"> 
 

 
</div> 
 

 
<div id="odds"> 
 
    <div>sentence number one</div> 
 
    <div>sentence number three</div> 
 
    <div>sentence number five</div> 
 
    <div>sentence number seven</div> 
 
</div> 
 

 
<div id="evens"> 
 
    <div>sentence number two</div> 
 
    <div>sentence number four</div> 
 
    <div>sentence number six</div> 
 
</div>

注：あなたが最初に十分に追いついたとオッズを持っていることを確認してください。