怎么清除之前的内容
来源：3-6 自由编程
cj啦啦啦啦
2019-12-19 15:35:27
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<script type="text/javascript">
$(function(){
$.ajax({
"url":"/problem/so",
"type":"get",
"data":"song",
"dataType":"json",
"success":function(json){
//console.log(json);
$("#one").click(function(){
for(var i=0;i<json.length;i++){
var j=json[i];
$("#menu").append(json[i].popular+"<br>");
console.log(json[i].popular);
}
})
$("#two").click(function(){
for(var i=0;i<json.length;i++){
var j=json[i];
$("#menu").append(json[i].classs+"<br>");
}
})
$("#three").click(function(){
for(var i=0;i<json.length;i++){
var j=json[i];
$("#menu").append(json[i].rock+"<br>");
}
})
}
})
})
</script>
</head>
<body>
<input type="button" value="流行歌曲" id="one">
<input type="button" value="经典歌曲" id="two">
<input type="button" value="摇滚歌曲" id="three">
<div id="menu" style="width:215px;height:200px;background-color:lightgray;text-align:center"></div>
</body>
</html>
2回答
-
好帮手慕酷酷
2019-12-19
同学你好，
1、这里因为是jQuery中常见的函数，所以视频中没有专门的拿出来讲解，该函数表示从被选元素移除里面的内容，包括所有文本和子节点。同学可以参考w3c的标准也可以了解和学习一下该函数，具体如下：https://www.w3school.com.cn/jquery/manipulation_empty.asp
2、老师这里使用$("#menu").html("")和$("#menu").html(null);也是可以的，因为html()方法是指替换被选元素的内容。也就是将menu部分的内容，替换为空字符串或者是空值。
建议同学清除一下浏览器缓存再试一下。具体如下：
3、这里使用$("#menu").remove（）；是不正确的，因为remove()函数表示移除被选元素，包括所有的文本和子节点。所以将被选元素menu删除后，将无法显示数据。
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0 -
好帮手慕酷酷
2019-12-19
同学你好，代码完成的不错，这里可以在下一次点击按钮前调用empty()函数进行清空之前内容。
具体代码如下：
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0h019-12-19
