jquery操作ul的一些操作笔记整理(干货)     投稿：jingxian   下面小编就为大家带来一篇jquery操作ul的一些操作笔记整理(干货)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ul id="attachText" li data-text="111" a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" 查看附件 /a nbsp; nbsp; a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" 删除 /a /li li data-text="222" a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" 查看附件 /a nbsp; nbsp; a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" 删除 /a /li li data-text="333" a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" 查看附件 /a nbsp; nbsp; a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" 删除 /a /li /ul

JS

1、获取 li属性 data-text的值用 ，隔开

function GetValues()
 var values = "";
 var obj = $("#attachText li"); 
 if(obj.length 0)
 var len = $(obj).length-1;
 $.each(obj, function (index, value)
 //表示为最后一个元素
 if (index == len) {
 values += $(value).attr("data-text");
 else {
 values += $(value).attr("data-text") + ",";
 console.log(values);
 }

输出结果;111,222,333

2、编辑的时候初始化ul的li项

function LoadAttach()
 $("#("");//先清空
 var data="111,222,333";
 var arr = data.split(',');
 $.each(arr, function (index, value) { 
 $("#attachText").prepend(" li data-value=\"" + $.parseJSON(data).data + "\" a 查看附件 /a nbsp; nbsp; a 删除 /a /li 
 }

以上这篇jquery操作ul的一些操作笔记整理(干货)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持凡科。