我有这个HTML：
<ul>
<div>
<li>a</li>
<li>b</li>
<li class="break">c</li>
<li>d</li>
<li>f</li>
</div>
</ul>
我想要的是class =“break”我希望父div关闭并打开一个新的,所以我最终得到这个：
<ul>
<div>
<li>a</li>
<li>b</li>
</div>
<div>
<li>c</li>
<li>d</li>
<li>f</li>
</div>
</ul>
现在我试过这个：
$之前( “突破 ”).(“ < / DIV>< DIV>” 中);
但是jQuery并没有按照我的预期行事,而是重写了我输入的内容,而是放入了一个空div.像这样：
<ul>
<div>
<li>a</li>
<li>b</li>
<div></div>
<li class="break">c</li>
<li>d</li>
<li>f</li>
</div>
</ul>
那么我怎样才能实现我的目标呢？
解决方法
假设您有以下标记：
<ul>
<li>a</li>
<li>b</li>
<li class="break">c</li>
<li>d</li>
<li>f</li>
</ul>
你想把它变成：
<ul>
<li>a</li>
<li>b</li>
</ul>
<ul>
<li class="break">c</li>
<li>d</li>
<li>f</li>
</ul>
您可以使用nextAll()和andSelf()来获取要移动的元素,然后创建一个新的< ul>并使用append()重新定位元素：
var boundary = $("li.break");
$("<ul>").insertAfter(boundary.parent()).append(boundary.nextAll().andSelf());
您可以在this fiddle中查看结果.
