JSON to LI list conversion jQuery
JSON Iterator through jQuery
HTML
<br/>
<ul id="list">
<li>one</li>
</ul>
<div id="listItem" hidden>
<li> <a href="#" class="icon-download-alt" id="@QN"><span style="padding: 3px;">@QN</span></a>
</li>
</div>
JavaScript
$(document).ready(function () {
var menuItemsStr = '[{"queueList": [{"Name": "Queue="" 1"}, {"Name": "Queue2"}, {"Name": "Queue3"}, {"Name": "Queue4"}]}]';
//var re = new RegExp(find, '\');
//alert(JSON.stringify(menuItemsStr));
//menuItemsStr = menuItemsStr.replace(re, '\\\\');
//menuItemsStr = menuItemsStr.replace(/\\/g, "\\\\");
//alert(menuItemsStr);
var menuItems = $.parseJSON(menuItemsStr);
$.each(menuItems[0].queueList, function (idx, obj) {
var listItemHTML = $("#listItem").clone().html();
listItemHTML = listItemHTML.replace(/\@QN/g, obj.Name);
$("#list").append(listItemHTML);
});
});