jQuery Dom Manipulation：使用jQuery在div周围添加包装器div

Question

  

当我设计网站时，我遇到了这个问题。我不得不   在我的html代码中围绕DIV创建一个包装器DIV。所以我问这个   问题，因为这对将来的其他人有用

我不想使用jQuery为这个div添加包装div

<div class="innerdiv"></div>

Answer 1

这可能已经被问到并回答了，但这是我的回答：

首先，请参阅jQuery documentation

其次，这是一个简单的答案：

$( ".innerdiv" ).wrap( "<div class='new'></div>" );

Answer 2

jQuery为您提供了一种方法：

$('.innerdiv').wrap('<div class="outerdiv"></div>');

http://api.jquery.com/wrap/

Answer 3

你可以使用jQuery .wrap（）

用另一个div包装一个div

<div class="innerdiv"></div>

在jQuery代码中你必须选择innerdiv然后你必须创建包装器div insdie wrap（）。你需要导入jQuery才能运行它。

 $( ".innerdiv" ).wrap( "<div class='new'></div>" );

checkout my codepen link here