javascript - 如何为 2 个子 div 添加包装器 div(所有子 div 具有相同的类)

Question

我有一个 div 和四个具有相同类的子 div..所有 habving 相同的类..我想在一个父 div 中包含两个包装 2 div..我不能通过 html 添加或添加任何类，因为它来自 drupal 模板..有没有办法为前两个和最后两个 div 添加单独的包装 div ..提前致谢

$( ".myclass" ).wrapAll( "<div class='row' />");

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

<div class="row">
<div class="myclass"></div>
<div class="myclass"></div>
<div class="myclass"></div>
<div class="myclass"></div>
</div>

Answer 1

据我了解，您想将前两个元素包装在另一个新行中，对吗？

应该这样做:

var elements = $( ".myclass" );

$([elements[0], elements[1]]).wrapAll( "<div class='row' />");

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

<div class="row">
<div class="myclass"></div>
<div class="myclass"></div>
<div class="myclass"></div>
<div class="myclass"></div>
</div>

应该这样做。