javascript - 建立一个从 js 文件中列出

Question

我需要从 js 端创建以下代码，因为我不确定要打印多少个列表项，我需要从后端设置 data-ids ......但基本上输出需要看起来像这样；

<ul id="myList">
<li><a data-id="Prev" href="#">Prev</a></li>
<li><a data-id="1" href="#">1</a></li>
<li><a data-id="2" href="#">2</a></li>
<li><a data-id="3" href="#">3</a></li>
<li><a data-id="4" href="#">4</a></li>
<li><a data-id="Next" href="#">Next</a></li>
 </ul>  

Answer 1

试试这个代码

// Lets say you get this array from ypur backend..

var arr= ['Prev' , '1','2','3','4','Next'];

var html = '<ul id="myList">';

for(var i =0;i<arr.length ; i++){
    html +=  '<li><a data-id="' + arr[i] + '" href="#">'+arr[i] + '</a></li>' ; 
}

html += '</ul>';

// Append to your div

$('#list').append(html);

检查小提琴