jQuery技术:jquery – 如何将LI元素从一个UL切换到另一个UL

我想将一些LI从一个UL复制到另一个UL。

在我的第一个UL中,我有10个LI,我想将6,7,8,9,10剪切到另一个div。 我如何在jQuery中实现它?

    您可以使用.slice [docs].appendTo [docs]轻松完成这些操作:

     $('#list1 > li').slice(5,10).appendTo('#list2'); // or to the end of list: // $('#list1 > li').slice(5).appendTo('#list2'); 

    这会将列表元素移动到另一个列表。 如果要复制它们,请添加.clone [docs]

    如果要移动非连续的列表元素,则必须以不同方式选择它们。

    你想使用.appendTo()

    只需选择要移动的LI并将其附加到第二个UL。

    选择具有类source ,切片的所有li元素并将其追加到新的ul ,最后将ul附加到您想要的容器中。

     $('
      ').append($('ul#source li').slice(3,7)).appendTo(document.body);

      演示

      需要了解更多jQuery教程分享jquery – 如何将LI元素从一个UL切换到另一个UL,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

        以上就是jQuery教程分享jquery – 如何将LI元素从一个UL切换到另一个UL相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

        本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

        ctvol管理联系方式QQ:251552304

        本文章地址:https://www.ctvol.com/jquerytutorial/981819.html

        (0)
        上一篇 2021年12月12日
        下一篇 2021年12月12日

        精彩推荐