Question

我有一个由以下内容组成的页面

<h3> </h3>
<div class="row1"></div>
<div ></div>
<div></div>

<h3> </h3>
<div class="row1"></div>
<div ></div>
<div></div>

现在我想要的是允许我将兄弟div标签分组的代码，如下所示

<h3> </h3>
 div class="group1"> 
    <div class="row1"></div>
    <div ></div>
    <div></div>
 </div>

  <h3> </h3>
 div class="group2"> 
    <div class="row1"></div>
    <div ></div>
    <div></div>
 </div>

所以我采取了一些方法，但最有希望的似乎是这行代码

 $( "#block-views-taxomony-view-block-1 .view-content  h3").nextUntil("h3").wrapAll("<div></div>");

但是它所做的一切都是把所有东西扔进了一个sigular div。 ps我不需要组div的类，它只需要在一个div中，因为我想将它用于我建立的手风琴。这也应该能够动态完成

Answer 1

将其包裹成循环。使用wrap on 1 set确实会占用所有div并将它们包装在一个中。你需要做多组：

$( "#block-views-taxomony-view-block-1 .view-content  h3").each(function(){
    $(this).nextUntil("h3").wrapAll("<div></div>");
})

分组兄弟div标签。

1 个答案: