jquery操作ul的一些操作笔记整理(干货)

1、html标记<ulid="attachText"><lidata-text="111"><ahref="#"rel="externalnofollow"rel="externalnofollow

1、html标记

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

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