为了账号安全,请及时绑定邮箱和手机立即绑定

.replaceWith和.replaceAll返回值是不是不一样啊?

<script type="text/javascript">

    $(".bt1").on('click', function() {
        //找到内容为第二段的p元素
        //通过replaceWith删除并替换这个节点
        $(".right > div:first p:eq(1)").replaceWith('<a>replaceWith替换第二段的内容</a><br />').appendTo($("body"));
    })
    </script>
    <script type="text/javascript">
    //找到内容为第六段的p元素
    //通过replaceAll删除并替换这个节点
    $(".bt2").on('click', function() {
        ($('<a style="color:red">replaceAll替换第六段的内容</a><br />').replaceAll('.right > div:last p:last')).appendTo($("body"));
    })
    </script>

我发现 .replaceWith返回的是替换前的节点,也就是原来的节点,.replaceAll返回的是替换后的节点,就是用来替换的节点。上面的代码点击bt1,原来的节点会被移动到最后,点击bt2,替换后的节点会显示在最后,原来节点所在的位置被删除了。

正在回答

4 回答

这两个返回值确实是不一样

    var result=$(".right > div:first p:eq(1)").replaceWith('<a>replaceWith替换第二段的内容</a>')
    alert(result.get(0).tagName)//返回 p
var result=$('<a>replaceAll替换第六段的内容</a>').replaceAll('.right > div:last p:last');
    alert(result.get(0).tagName)//返回 a


0 回复 有任何疑惑可以回复我~

返回的都是要被删除的节点的吧!

0 回复 有任何疑惑可以回复我~

返回都是被删除的节点

0 回复 有任何疑惑可以回复我~
#1

素水凌心 提问者

这是一个网站的解释: 返回值 replaceAll()函数的返回值为jQuery类型,返回表示替换内容的jQuery对象。 与被替换掉的节点关联的所有数据和事件处理器也将同时被移除。 请注意replaceAll()和replaceWith()函数之间的区别: var $A = $("s1"); var $B = $("s2"); // 将$B替换成$A $A.replaceAll( $B ); // 返回表示替换内容的jQuery对象( 匹配替换掉$B的所有$A元素 ) // 将$A替换成$B $A.replaceWith( $B ); // 返回$A
2016-07-29 回复 有任何疑惑可以回复我~

我不太明白你说什么,但你要注意(".right > div:first p:eq(1)")里面的p:eq(1)的意思,同理也要注意p:last。

0 回复 有任何疑惑可以回复我~
#1

素水凌心 提问者

我是说 ($('<a style="color:red">replaceAll替换第六段的内容</a><br />').replaceAll('.right > div:last p:last')) 这个东西返回的结果不是替换前的 <p>第五段</p> ,而是替换后的 <a style="color:red">replaceAll替换第六段的内容</a><br />
2016-07-22 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

.replaceWith和.replaceAll返回值是不是不一样啊?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信