jquery 如何在列表中 Package 每组图像和下一个div？

gcuhipw9 于 2023-06-22 发布在 jQuery

关注(0)|答案(2)|浏览(83)

我想 Package 每组图像和下一个div，如示例所示：

<div class="group">

   <img class="slide" src="...">
   <div class="content">...</div>

   <img class="slide" src="...">
   <div class="content">...</div>

   <img class="slide" src="...">
   <div class="content">...</div>

   ...

</div>

到

<div class="group">

   <div class="subgroup">
      <img class="slide" src="...">
      <div class="content">...</div>
   </div>

   <div class="subgroup">
      <img class="slide" src="...">
      <div class="content">...</div>
   </div>

   <div class="subgroup">
      <img class="slide" src="...">
      <div class="content">...</div>
   </div>

   ...

</div>

jquery

来源：https://stackoverflow.com/questions/37294222/how-to-wrap-each-group-of-image-and-next-div-in-a-list

2条答案

按热度按时间

eoxn13cs1#

试试这个

$(".group .slide").each(function(){
    $(this).next(".content").andSelf().wrapAll("<div class='subgroup' />");
});

Working Demo

赞(0）回复(0）举报 2023-06-22

6ioyuze22#

您可以获得所有幻灯片和内容元素。然后对返回的数组进行切片，形成元素的集合，然后将其 Package 在同一组中：

var childelements = $(".group > .slide , .group > .content");
for(var i = 0; i < childelements.length; i+=2) {
  childelements.slice(i, i+2).wrapAll('<div class="subgroup"></div>');
}

Working Demo

赞(0）回复(0）举报 2023-06-22

我来回答

jquery 如何在列表中 Package 每组图像和下一个div？

2条答案

相关问题

热门标签

最新问答