我正在尝试在一个数组中执行一个循环,对内容进行排序并创建每个具有 2 个值的 div。
尝试了很多东西,但我无法弄清楚我需要做什么。
这就是我需要做的:在数组中循环并创建 div。每个 div 应该有 2 个数组值。像这样:
<div id="1">content, content 2</div>
<div id="2">content 3, content 4</div>
<div id="3">content 5, content 6</div>
<div id="4">content 7</div>
所以我有这样的数组:
var myArray = ['content', 'content 2', 'content 3', 'content 4', 'content 5', 'content 6', 'content 7'];
我像这样循环:
for(var i=0; i<=myArray.length; i++){
if(currentDiv == 1){
$('#s'+currendDivID+'').append("<p>"+myArray[i]+"</p>");
console.log(myArray[i]);
}
if(currentDiv == 2){
$('#s'+currendDivID+'').append("<p>"+myArray[i]+"</p>");
console.log(myArray[i]);
$('#container').append("</div>");
}
console.log(currendDivID);
if(currentDiv == 3){
currendDivID ++;
$('#container').append("<div id=\"s" + currendDivID + "\">");
console.log(myArray[i]);
$('#s'+currendDivID+'').append("<p>"+myArray[i]+"</p>");
}
if(currentDiv == 4){
console.log(myArray[i]);
$('#s'+currendDivID+'').append("<p>"+myArray[i]+"</p>");
$('#container').append("</div>");
}
console.log(currendDivID);
if(currentDiv == 5){
currendDivID++;
$('#container').append("<div id=\"s" + currendDivID + "\">");
console.log(myArray[i]);
$('#s'+currendDivID+'').append("<p>"+myArray[i]+"</p>");
}
if(currentDiv == 6){
if(myArray[i] == undefined){
return;
}
console.log(myArray[i]);
$('#s'+currendDivID+'').append("<p>"+myArray[i]+"</p>");
$('#container').append("</div>");
}
if(currentDiv == 7){
currendDivID++;
if(myArray[i] == undefined){
$('#container').append("</div>");
return;
}
$('#container').append("<div id=\"s" + currendDivID + "\">");
console.log(myArray[i]);
$('#s'+currendDivID+'').append("<p>"+myArray[i]+"</p>");
}
currentDiv ++;
}
这很好用,但我需要对每个 div 进行硬编码以计数然后填充。有没有更好的方法来做到这一点,而不是像我在 currentDiv var 上那样对元素的数量进行编码?
谢谢