加载json中的新闻标题列表后如何限制只显示10条
加载json中的新闻标题列表后如何限制只显示10条? 因为json文件中有上百条新闻信息,该如何实现只让其显示10条?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.item {height:48px;line-height:48px;}
.item::before {content:'.';padding-right:10px;};
</style>
</head>
<body>
<div id="result"></div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
$.ajax({
type: "GET",
url: "list.json",
dataType: "json",
success: function(data) {
$.each(data, function(i, item) {
var hahaid = item.id
var content ='<div class="item">';
content +='<a href=3.html?id=' + hahaid + '>' + item.title + '</a>';
content +='</div>';
$("#result").append(content);
})
}
})
});
</script>
</body>
</html>
慕容森4回答
-
沧海一幻觉
$.each(data.slice(0,10),``````` -
牛魔王的故事
let showData = data.slice(0,10) -
四季花海
if(i<10){ // 显示}
随时随地看视频慕课网APP
相关分类
JavaScript