如何在jquery

Question

我想在此之外添加一个div。喜欢

<addDiv>

  <div>
  ---------
   Code 
  ---------
  </div>

</endDiv>

任何建议??

Answer 1

$("div").wrapAll('<div class=wrapper></div>')

$("span").wrap('<div class=wrapper></div>')

.wrapper {
  color: red
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  1
</div>

<div>
  11
</div>

<div>
  111
</div>

<span>1</span>

<span>1</span>

1. 如果您只想包装一个div
，请使用.wrap()
2. 使用.wrapAll()将多个div包装在一个包装器中

Answer 2

<div id="tempdiv">Hello</div>



<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
  $(document).ready(function(){
  var html = "<div id='outerDiv' style="height:100px;width:100px;background-
  color:red;"></div>";
 $(body).append(html);
 var x = $("#tempDiv");
$("#tempDiv").remove();
$("#outerDiv").append(x);
 });
</script>

Answer 3

您可以使用jQuery wrap 。

基本上你会做类似的事情：

$( ".inside-div-class" ).wrap('<div class="outside-div"></div>');

  

来源：https://api.jquery.com/wrap/