1. HTML tags
<ulID= "Attachtext"> <LiData-text= "111"><ahref="#">View Attachments</a> <ahref="#">Delete</a></Li> <LiData-text= "222"><ahref="#">View Attachments</a> <ahref="#">Delete</a></Li> <LiData-text= "333"><ahref="#">View Attachments</a> <ahref="#">Delete</a></Li> </ul>
Js
1, get the value of Li attribute data-text, separate
functionGetValues () {varValues = ""; varobj = $ ("#attachText Li"); if(obj.length>0) { varLen = $ (obj). length-1; $.each (obj,function(Index, value) {//represented as the last element if(Index = =Len) {Values+ = $ (value). attr ("Data-text"); } Else{values+ = $ (value). attr ("Data-text") + ","; }})} Console.log (values); }
111,222,333. Output result;
2, edit the time to initialize the UL Li term
function Loadattach () { $ ("#attachText"). HTML (""); // Clear first.
var data= "111,222,333"; var arr = data.split (', '); function (Index, value) { $ ("#attachText"). Prepend ("<li data-value=\" "+ $.parsejson ( Data). Data + "\" ><a> View attachments </a> <a> Delete </a></li> ");} );
Some operating notes on the jquery operation ul