如何將賠率和evens整合到JavaScript中的主ID中？

Question

我有元素列表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>

我能夠得到的輸出，但問題是我需要刪除殺死節點/元素odds和evens後交錯。我如何實現這一目標？

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>

注意：你應該確保你有足夠的埃文斯和賠率第一。