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的一些操作筆記整理(干貨)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。