提问者:小点点

在不带ID或类的div周围插入包装


我试图在两个div周围插入一个包装器,其中一个具有动态生成的ID。动态生成具有随机ID的div。不管我做什么尝试,包装器都是在目标div之后插入的。

包装前

<div id="search">Search</div>
<div id="234234">Unknown</div>
<div id="list">List</div>

后包装器

<div id="search">Search</div>
<div id="wrapper">
  <div id="234234">Unknown</div>
  <div id="list">List</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="search">Search</div>
<div id="wrapper">
  <div id="234234">Unknown</div>
  <div id="list">List</div>
</div>

共1个答案

匿名用户

干脆把孩子们裹起来!

null

$("#wrapper").children().wrapAll("<div class='wrapper'/>")
#wrapper { padding: 20px; }
.wrapper { background-color: gold; outline: 2px solid red; }
<div id="wrapper">
  <div id="123456">has whatever ID</div>
  <div id="list">has id</div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>