老师帮忙看下这样可以吗？
来源：4-10 自由编程
weixin_慕斯卡3172839
2021-01-21 10:12:41
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#box{
width: 100%;
}
</style>
</head>
<body>
<button id="btn">点击这里！</button>
<ul id="box">
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
<script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
<script>
/*此处写代码*/
$(document).ready(function(){
$('#box').on('mouseover','li',function(){
$(this).css('background','red');
});
$('#box').on('mouseout','li',function(){
$(this).css('background-color','white');
});
for(var i = 0;i < $('li').length;i++){
$('li').eq(i).innerHTML=(i+1)+(i+1)+(i+1);
}
$('#btn').on('click',function(){
var i = $('li').length;
$('#box').append('<li>'+(i+1)+(i+1)+(i+1)+'</li>');
})
})
</script>
</body>
</html>
1回答
-
同学你好，如下写法不正确：
所以导致li的内容并没有添加上（li的内容使用的是html结构中写的哪些，不是此处动态添加的）。修改如下：
效果如下：
原因是，如下代码是进行加运算，不是字符串拼接:
修改如下：
修改之后，代码就正确了。
祝学习愉快！
1
