jQuery 问题

Question

最后的代码和前面的一起运行就在第二个框里面显示，为什么呢

<script type="text/javascript">
        //通过.text()的回调，获取原本的内容，修改，在重新赋值
        $(".left a:first").text(function(index,text){
            return '增加新的文本内容' + text
        })
    </script>

如果注释之前的操作，这个在第一个框中显示，但一起执行就在第二框中显示

Answer 1

jQuery の質問 - PHP 中国語 Web サイト Q&A-jQuery の質問 - PHP 中国語 Web サイト Q&A

見て学んでください。

Answer 2

保留前面的那个操作把第一个框中的标签元素都替换掉了，变成了<div>整个div的子节点都被替换了</div>,  你在执行最后一个那么取到的第一个 a元素就是在第二个框中了；   反之删除前面操作第一框中是有元素标签的所以改变第一框中显示；

保留下面代码

 <script type="text/javascript">

        //通过.html()方法替换html结构

        $(".left div:first").html('整个div的子节点都被替换了')

    </script>

这个是你说的第一个框，执行完上面代码后如下； 

 <div class="div">

                     整个div的子节点都被替换了  

        </div>