Jquery 仅显示列表中的最后一个数组

我的数组输出有这个问题。列表中仅显示最后一个数组。但是我想用jQuery显示所有这些数组

 $(document).ready(function(){
        $("ul").append("<li></li>").text(filmi.Movies[0].Title) //La La Land
        $("ul").append("<li></li>").text(filmi.Movies[1].Title) //Fracture
        $("ul").append("<li></li>").text(filmi.Movies[2].Title) //Legend
        $("ul").append("<li></li>").text(filmi.Movies[3].Title) //Locke
        $("ul").append("<li></li>").text(filmi.Movies[4].Title) //Mad Max: Fury Road
});

---

按照编写方式，

.text（）

覆盖

$（'ul'）

的内部内容，而不是

li

元素的内部内容。您可以将每行更改为使用此格式：

$("ul").append($("<li></li>").text(filmi.Movies[0].Title))

$（“ul”）.append（$（“
”）文本（filmi.Movies[0].Title））

您应该执行以下操作

$("ul").append("<li>"+filmi.Movies[0].Title+"</li>") 

$（“ul”）.append（“
”+filmi.Movies[0].Title+”
”）

您的

.text（）

调用正在覆盖

$（“ul”）

而不是您所期望的

追加

$（“ul”）.append（“
”）

不会返回您仍在处理

我会这样做：

$(document).ready(function(){
    for (i = 0; i <= 4; ++i) {
       addFilm(filmi.Movies[i].Title);
    }
});

function addFilm(value){
    var $li = $("<li/>");
    $li.text(value);
    $("ul").append($li);
}

$（文档）.ready（函数（）{
对于（i=0；i
var List=$（'ul'））
变量li=$（“
”）
.text（filmi.Movies[1].标题）
.附件（清单）；
您只需添加到
ul
，它会覆盖您每次添加的
li
。相反，添加
li
，并选择它的最后一个实例，然后设置该
li
的文本

$("ul").append("<li></li>").find('li').last().text(filmi.Movies[i].Title);

$（“ul”）.append（“
”）.find（'li'）.last（）.text（filmi.Movies[i].Title）；

示例JSFIDLE.

$（文档）.ready（函数（）{
$（“ul”）.append（“
”+filmi.Movies[0]。Title+”
“+filmi.Movies[1]。Title+”
“+filmi.Movies[2]。Title+”
“+filmi.Movies[3]。Title+”
“+filmi.Movies[4]。Title+”）
});
常数filmi={
“电影”：[
{
“头衔”：“拉拉土地”，
“年份”：“2016年”，
“额定”：“PG-13”，
“发布”：“2016年12月25日”，
“运行时间”：“128分钟”，
“流派”：“喜剧、戏剧、音乐”，
“导演”：“Damien Chazelle”，
“作家”：“达米恩·查泽尔”，
“演员”：“莱恩·戈斯林、艾玛·斯通、康涅狄格州阿美、特里·沃尔特斯”，
“情节”：“一位爵士钢琴家爱上了洛杉矶一位有抱负的女演员。”，
“语言”：“英语”，
“国家”：“美国、香港”，
“奖项”：“获得6项奥斯卡奖。另有184项获奖，224项提名。”，
“海报”：https://images-na.ssl-images-amazon.com/images/M/MV5BMzUzNDM2NzM2MV5BMl5BanBnXkFtZTgwNTM3NTg4OTE@._V1_SX300.jpg“，
“评级”：[
{
“来源”：“互联网电影数据库”，
“值”：“8.3/10”
},
{
“来源”：“烂番茄”，
“值”：“93%”
},
{
“来源”：“元批评”，
“值”：“93/100”
}
],
“元分数”：“93”，
“imdbRating”：“8.3”，
“imdbvoces”：“232825”，
“imdbID”：“tt3783958”，
“类型”：“电影”，
“DVD”：“2017年4月25日”，
“票房”：“150459658.00美元”，
“制作”：“Liongate电影”，
“网站”：http://www.lalaland.movie/",
“响应”：“正确”
},
{
“标题”：“骨折”，
“年份”：“2007年”，
“额定”：“R”，
“发布”：“2007年4月20日”，
“运行时间”：“113分钟”，
“类型”：“犯罪、戏剧、神秘”，
“董事”：“Gregory Hoblit”，
“编剧”：“丹尼尔·派恩（剧本）、格伦·格尔斯（剧本）、丹尼尔·派恩（故事）”，
“演员”：“安东尼·霍普金斯、瑞安·戈斯林、大卫·斯特拉特海恩、罗莎蒙德·派克”，
“阴谋”：“一名律师，一心想攀登职业阶梯走向成功，在他试图起诉的一名操纵性罪犯身上找到了一个不太可能的对手。”，
“语言”：“英语”，
“国家”：“美国、德国”，
“奖项”：“2项获奖和2项提名”，
“海报”：https://images-na.ssl-images-amazon.com/images/M/MV5BMzIzNjQyMzkwM15BMl5BanBnXkFtZTcwOTg5ODQ0MQ@@._V1_SX300.jpg“，
“评级”：[
{
“来源”：“互联网电影数据库”，
“值”：“7.2/10”
},
{
“来源”：“烂番茄”，
“值”：“71%”
},
{
“来源”：“元批评”，
“值”：“68/100”
}
],
“元分数”：“68”，
“imdbRating”：“7.2”，
“imdbvoces”：“146665”，
“imdbID”：“tt0488120”，
“类型”：“电影”，
“DVD”：“2007年8月14日”，
“票房”：“39000000.00美元”，
“生产”：“新生产线”，
“网站”：http://www.fracturemovie.com/",
“响应”：“正确”
},
{
“标题”：“传奇”，
“年份”：“2015年”，
“额定”：“R”，
“发布”：“2015年11月20日”，
“运行时间”：“132分钟”，
“类型”：“传记、犯罪、戏剧”，
“导演”：“布莱恩·赫尔格兰德”，
“作家”：“布莱恩·赫尔格兰德，约翰·皮尔森（书）”，
“演员”：“保罗·安德森、汤姆·哈代、克里斯托弗·埃克莱斯顿、约书亚·希尔”，
“阴谋”：“20世纪60年代，罗纳德和雷金纳德·克雷这对孪生兄弟在伦敦制造恐怖。”，
“语言”：“英语”，
“国家”：“英国、法国、美国”，
“奖项”：“6项获奖和10项提名。”，
“海报”：https://images-na.ssl-images-amazon.com/images/M/MV5BMDQ4MGY0NWUtY2MxOC00YzI5LTg0OTEtZjNmY2Q2ZmM0MTA1XkEyXkFqcGdeQXVyNTQzOTc3MTI@._V1_SX300.jpg“，
“评级”：[
{
“来源”：“互联网电影数据库”，
“值”：“7.0/10”
},
{
“来源”：“烂番茄”，
“价值”：“61%”
},
{
“来源”：“元批评”，
“值”：“55/100”
}
],
“元分数”：“55”，
“imdbRating”：“7.0”，
“imdbvoces”：“106814”，
“imdbID”：“tt3569230”，
“类型”：“电影”，
“DVD”：“2016年3月1日”，
“票房”：“$14146549.00”，
“制作”：“环球影城”，
“网站”：http://www.legend-the-movie.com/",
“响应”：“正确”
},
{
“头衔”：“洛克”，
“年份”：“2013年”，
“额定”：“R”，
“发布”：“2014年4月18日”，
“运行时间”：“85分钟”，
“流派”：“戏剧”，
“导演”：“史蒂文·奈特”，
“作家”：“史蒂文·奈特”，
“演员”：“汤姆·哈代、奥利维亚·科尔曼、露丝·威尔逊、安德鲁·斯科特”，
“阴谋
var List = $('ul')
 var li = $('<li/>')
       .text(filmi.Movies[1].Title)
        .appendTo(List);

$("ul").append("<li></li>").find('li').last().text(filmi.Movies[i].Title);

filmi.Movies.forEach((movie) =>{
   $("ul").append(`<li>${movie.Title}</li>`) 
})