<script type="text/javascript">
//通过.text()的回调，获取原本的内容，修改，在重新赋值
$(".left a:first").text(function(index,text){
return '增加新的文本内容' + text
})
</script>
如果注释之前的操作，这个在第一个框中显示，但一起执行就在第二框中显示
保留前面的那个操作把第一个框中的标签元素都替换掉了，变成了<div>整个div的子节点都被替换了</div>, 你在执行最后一个那么取到的第一个 a元素就是在第二个框中了； 反之删除前面操作第一框中是有元素标签的所以改变第一框中显示；
保留下面代码
<script type="text/javascript">
//通过.html()方法替换html结构
$(".left div:first").html('整个div的子节点都被替换了')
</script>
这个是你说的第一个框，执行完上面代码后如下；
<div class="div">
整个div的子节点都被替换了
</div>