我想将一些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