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

Question

我试图在两个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>

Answer 1

干脆把孩子们裹起来！

null

js prettyprint-override">$("#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>