                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

jQuery练习到底出了什么问题

试了好多遍，不知问题在哪，求助

南木海星

2016-07-07

源自：jQuery基础课程 8-11

关注问题我要回答

346

操作

收起

4 回答

慕粉3397266 回答被采纳 +3 积分
2016-07-07

$("button").bind("click",function(){

$.each(json,function(index,score){

$("ul").html("<li>"+this.name+"的成绩是"+this.score+"分</li>");

})

});

$.each()方法的格式错了，不是$ $("selected").each()。直接是$.each

0 回复有任何疑惑可以回复我~

#1

南木海星提问者

对了一半，但是效果数据只显示一条，应该全部数据显示在页面啊

2016-07-08 回复有任何疑惑可以回复我~

#2

南木海星提问者

非常感谢！

2016-07-08 回复有任何疑惑可以回复我~

慕粉3397266
2016-07-08

这种问题最好的老师就是百度。html()这个函数是用来替换的，你看到的是最后一条数据，不是说

{"name":"小萌","score":"70"},{"name":"小米","score":"60"}

没有用。而是前两条被最后一条给替换了！append()这个函数是追加，它在只会在前一条的基础上再加进去。

1 回复有任何疑惑可以回复我~

南木海星提问者
2016-07-08

解决了，用append（）方法替换html（）方法成功实现了全部数据。那么两者方法有什么区别，求解

0 回复有任何疑惑可以回复我~

慕粉3397266
2016-07-08

我还以为你就要一条呢，那就用append(),添加进去就ok了

$("#jsonload").append("<li>"+this.name+"的成绩是"+this.score+"分</li>");

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础课程

参与学习 154768 人
解答问题 7184 个

加入课程学习，有效提高前端开发速度

jQuery练习到底出了什么问题

我要回答关注问题

意见反馈帮助中心 APP下载