破坏性操作的问题

<!DOCTYPE html>

<html>

<head>

margin:0;

padding:0;

}

div{

height: 300px;

width: 300px;

background: red;

margin:20px;

overflow: hidden;

position: relative;

}

.pp{

height: 200px;

width: 200px;

background: blue;

}

</style>

</head>

<body>

var p=$('.pp');

console.log(p.replaceAll($('.p2')));

</script>

</body>

</html>

这里使用了replaceAll（）方法但是返回的对象还是原来的，没有破坏啊，求指点

源自：jQuery DOM操作 4-9 选择题

收起

2回答

怎么都被占用了呢 2017-12-14 14:13:14

jQUery的版本一直在更新，它们也是在不断的优化一些方法。在老版本中，replaceAll方法是规定了“已存在的元素不会被移动，只会被复制，并包裹被选元素”。但是在新版中，用来替换的元素从老地方移到新位置，而不再是复制。所以你的这个代码，ul会替换掉h2，并占据它的位置，效果是这么来的。

怎么都被占用了呢 2017-09-18 14:12:36

使用replace()方法操作文档时，被选元素有3种值：

1、HTML 代码 - 比如 ("<div></div>")

2、新元素 - 比如 (document.createElement("div"))

3、已存在的元素 - 比如 ($(".div1"))

如果是已存在的元素不会被移动，只会被复制，并包裹被选元素。

慕村8535129 #1

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>在元素中存取数据</title> </head> <h2>标题</h2> <body> <div class="item"> <p>一段话一段话，一段话</p> <ul> <li class="item1">新闻标题-1</li> <li class="item2">新闻标题-2</li> <li class="item3">新闻标题-3</li> <li class="item4">新闻标题-4</li> <li class="item5">新闻标题-5</li> <li class="item6">新闻标题-6</li> <li class="item7">新闻标题-7</li> <li class="item8">新闻标题-8</li> <li class="item9">新闻标题-9</li> </ul> <script src="jquery-3.2.1.js"></script> <script> $(function(){ var element=$('ul'); element.replaceAll($('h2')) }) </script> </div> </body> </html> 也没有复制和包裹啊

2017-12-14 04:20:23