jquery操作ul技巧總結(jié)

 <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)
 {
 //表示為最后一個(gè)元素
 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>"); 
 });
 }