如何通过jquery为一些div创建一个新的div父级？

Question

我有一个像这样的HTML代码：

<div class="tiltleclass"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="tiltleclass"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="tiltleclass"></div>

当我点击带有“tiltleclass”类的div时，我可以做什么这个div之间的div到下一个div与“tiltleclass”类切换？ 在我的程序中，这个结构在很多页面中，所以我无法获得新的类。 在jquery中有没有办法做到这一点？

Answer 1

这可以使用jQuery＆＃39; nextUntil() method：

$(".tiltleclass").on('click', function() {
     $(this).nextUntil(".tiltleclass").toggle();
});

小提琴here。

Answer 2

您可以按如下方式使用nextUntil：

$(".tiltleclass").click(function(){
  $(this).nextUntil(".tiltleclass").toggle();
});

Demo