因为一些需求原因,如在后台管理系统上可以排版前端的展示页面的需求,所以有以下代码(需要加载jq)
.box {
width: 200px;
padding: 6px 10px;
background: rgba(0, 0, 0, 0.3);
text-align: center;
color: #fff;
}
<div class="index">
<!-- <p class="box">导入成功8条,失败0条</p> -->
</div>
var demo = [5, 2, 3, 1, 4, 6]//在这里排版展示顺序
var demoBox = []
var demohtml = ''
for (var index in demo) {
console.log(demo[index])
if (demo[index] == 1) {
demoBox.push('<p class="box">导入成功8条,失败1条</p>')
} else if (demo[index] == 2) {
demoBox.push('<p class="box">导入成功8条,失败2条</p>')
} else if (demo[index] == 3) {
demoBox.push('<p class="box">导入成功8条,失败3条</p>')
} else if (demo[index] == 4) {
demoBox.push('<p class="box">导入成功8条,失败4条</p>')
} else if (demo[index] == 5) {
demoBox.push('<p class="box">导入成功8条,失败5条</p>')
} else if (demo[index] == 6) {
demoBox.push('<p class="box">导入成功8条,失败6条</p>')
}
}
console.log(demoBox)
for(var name of demoBox){
demohtml +=name
}
console.log(demohtml)
$('.index').html(demohtml)