jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery添加结束标记,然后在使用.before()时重新打开大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个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>

那么我怎样才能实现我的目标呢?

@H_450_19@解决方法
假设您有以下标记
<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中查看结果.

大佬总结

以上是大佬教程为你收集整理的jQuery添加结束标记,然后在使用.before()时重新打开全部内容,希望文章能够帮你解决jQuery添加结束标记,然后在使用.before()时重新打开所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。