84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
最后的代码和前面的一起运行就在第二个框里面显示，为什么呢
<script type="text/javascript"> //通过.text()的回调，获取原本的内容，修改，在重新赋值 $(".left a:first").text(function(index,text){ return '增加新的文本内容' + text }) </script>
如果注释之前的操作，这个在第一个框中显示，但一起执行就在第二框中显示
jQuery question-PHP Chinese website Q&A-jQuery question-PHP Chinese website Q&A
Take a look and learn.
保留前面的那个操作把第一个框中的标签元素都替换掉了，变成了<div>整个div的子节点都被替换了</div>, 你在执行最后一个那么取到的第一个 a元素就是在第二个框中了； 反之删除前面操作第一框中是有元素标签的所以改变第一框中显示；
保留下面代码
<script type="text/javascript">
//通过.html()方法替换html结构
$(".left div:first").html('整个div的子节点都被替换了')
</script>
这个是你说的第一个框，执行完上面代码后如下；
<div class="div">
整个div的子节点都被替换了
</div>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
jQuery question-PHP Chinese website Q&A-jQuery question-PHP Chinese website Q&A
Take a look and learn.
保留前面的那个操作把第一个框中的标签元素都替换掉了，变成了<div>整个div的子节点都被替换了</div>, 你在执行最后一个那么取到的第一个 a元素就是在第二个框中了； 反之删除前面操作第一框中是有元素标签的所以改变第一框中显示；
保留下面代码
<script type="text/javascript">
//通过.html()方法替换html结构
$(".left div:first").html('整个div的子节点都被替换了')
</script>
这个是你说的第一个框，执行完上面代码后如下；
<div class="div">
整个div的子节点都被替换了
</div>