Question

<div id="last"></div>
<p id="text">text</p>
<a id="link" href="xxx">link</a>

假设我有上面的代码，如何将<div></div>包装到a元素，并将其插入div元素之后，结果应为：

<div id="last"></div>
<div><a id="link" href="xxx">link</a></div>
<p id="text">text</p>

尝试下面的代码，但没有效果

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
<div id="last"></div>
<p id="text">text</p>
<a id="link" href="xxx">link</a>

<script>
$('#link').wrap('<div></div>').detach().insertAfter('#last');
</script>

</body>
</html>

谢谢你

Answer 1

应该是这样的：

$('#link').wrap('<div></div>').parent().insertAfter('#last');

示例：http://www.jsfiddle.net/4yUqL/2/

参考：.wrap()

Answer 2

$('#link').wrap('<div></div>');不需要分离或插入，只需使用wrap函数

Answer 3

这应该可以解决问题

$("#link").wrap("<div></div>").detach().insertAfter("#last")

Answer 4

为了有效地对元素执行剪切和粘贴操作，您希望首先将其包装在DIV标记中，将其从DOM中分离，然后将其重新插入目标位置（即“最后”元素）：

$('#link').wrap('<div></div>').detach().insertAfter('#last');

jQuery - 将div包装到特定元素

4 个答案: