如何在range中显示数组的元素？在javascript中
如何在range中显示数组的元素？在javascript中
提问于 2018-06-08 06:34:37
我希望能够根据范围获得数组的元素。
例如:从索引0到4和从5到6的元素。
的想法是，我在jquery中创建一个带有foreach的数组，并且我希望能够向元素添加一个CSS样式，从0到4，以及从5到6的另一个样式。
我把我的代码放在上面，这样他们就可以更好地理解这种方法：
var data = [{
"dataEarth": [{
"qty": 7,
"dataPerson": [{
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}, {
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}, {
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}, {
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}, {
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}, {
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}, {
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}]
}]
}]
var html = "";
$.each(data, function (index, element){
$.each(element.dataEarth, function (index,data) {
console.log(data);
//if the range is 0 to 5 append this
//html += "<div class='firstClass'><p><strong>Pos. 0 to 5</strong></p></div>";
//Else if the range is 6 to 7 append this
//html += "<div class='otherClass'><p><strong>Pos. 6 to 7</strong></p></div>";
});
});
//$(".json_content").html(html); <div class="json_content"></div>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.js"></script>
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-08 06:40:34
你的意思是这样：
var data = [{
"dataEarth": [{
"qty": 7,
"dataPerson": [{
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}, {
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}, {
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}, {
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}, {
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}, {
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}, {
"name": "Max",
"lastName": "CavaniCaracterística",
"descripcion": "Lorem ipsum lorem ipsum doloretitieisorieo"
}]
}]
}]
var html = "";
$.each(data[0].dataEarth[0].dataPerson, function (index,el) {
if (index < 5) {
html += "<div class='firstClass'><p><strong>Pos. 0 to 5</strong></p></div>";
} else {
html += "<div class='otherClass'><p><strong>Pos. 6 to 7</strong></p></div>";
}
});
$(".json_content").html(html);<div class="json_content"></div>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.js"></script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50751035
复制相关文章
相似问题