javascript - 如何使用 JS/Jquery 将一个 div 覆盖在另外 2 个 div 上

Question

我有几个<div>像这样:

<div>
    <div id='1'></div>
    <div id='2'></div>
    <div id='3'></div>
</div>

如何动态创建另一个 div 来覆盖 div#1和div#2在 JS 或 jQuery 中？

<div id='event'>EVENT</div>

谢谢。

Answer 1

您可以使用 jQuery 提供的 wrapAll 函数，例如

$("#1, #2").wrapAll( "<div class='new' id='event'>EVENT</div>");

.new{
  color : red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div>
    <div id='1'>1..</div>
    <div id='2'>2..</div>
    <div id='3'>3..</div>
</div>

.wrapAll() 函数可以采用任何可以传递给 $() 函数的字符串或对象来指定 DOM 结构。该结构可以嵌套几层，但应该只包含一个最里面的元素。该结构将作为一个组包裹在匹配元素集中的所有元素。

Here了解更多详情