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>  <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>

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);  }

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>");        });  }