Question

我尝试将新的父级添加到子级。我使用这段代码

$("#span").before('<div class="newPaernt">');

这个添加div

<div class="newParent"></div><span id="span"></span>

不是

<div class="newParent><span id="span"></span>

Answer 1

before()方法的目的是在元素之前插入内容。要使用元素包装，请使用wrap()方法。

$("#span").wrap('<div class="newPaernt">');

＆＃13;

$("#span").wrap('<div class="newPaernt">');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="span">a</span>

＆＃13;

Answer 2

jQuery的wrap方法应该可以解决这个问题：

＆＃13;

$('#parent').wrap('<div class="newparent"></div>');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="parent">test your span</span>

＆＃13;

Answer 3

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>

<body>
  <div class="main">
    <div class="inner">Hello</div>
    <div class="inner">Goodbye</div>
  </div>

  <script>
    $("<p>Test</p>").insertBefore(".inner");
  </script>
</body>

</html>

＆＃13;

Answer 4

最好这样做，你可以使用.wrap功能。 http://api.jquery.com/wrap/

Jquery：如何向元素添加新父元素

4 个答案: