最后的代码和前面的一起运行就在第二个框里面显示，为什么呢
<script type="text/javascript"> //通过.text()的回调，获取原本的内容，修改，在重新赋值 $(".left a:first").text(function(index,text){ return '增加新的文本内容' + text }) </script>
如果注释之前的操作，这个在第一个框中显示，但一起执行就在第二框中显示
jQuery の質問 - PHP 中国語 Web サイト Q&A-jQuery の質問 - PHP 中国語 Web サイト Q&A
見て学んでください。
保留前面的那个操作把第一个框中的标签元素都替换掉了，变成了<div>整个div的子节点都被替换了</div>, 你在执行最后一个那么取到的第一个 a元素就是在第二个框中了； 反之删除前面操作第一框中是有元素标签的所以改变第一框中显示；
保留下面代码
<script type="text/javascript">
//通过.html()方法替换html结构
$(".left div:first").html('整个div的子节点都被替换了')
</script>
这个是你说的第一个框，执行完上面代码后如下；
<div class="div">
整个div的子节点都被替换了
</div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
jQuery の質問 - PHP 中国語 Web サイト Q&A-jQuery の質問 - PHP 中国語 Web サイト Q&A
見て学んでください。
保留前面的那个操作把第一个框中的标签元素都替换掉了，变成了<div>整个div的子节点都被替换了</div>, 你在执行最后一个那么取到的第一个 a元素就是在第二个框中了； 反之删除前面操作第一框中是有元素标签的所以改变第一框中显示；
保留下面代码
<script type="text/javascript">
//通过.html()方法替换html结构
$(".left div:first").html('整个div的子节点都被替换了')
</script>
这个是你说的第一个框，执行完上面代码后如下；
<div class="div">
整个div的子节点都被替换了
</div>