How to Generate ul li from array in jquery
The Markup, CSS and the Script <!DOCTYPE html> <html> <head> <title>How to Generate ul li from array in jquery</title> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> </head> <body> <ul class=”example”> </ul> </li> </body> <script> $( document ).ready(function() { var category = [‘Example 1’, ‘Example 2’, ‘Example 3’, ‘Example 4’]; var cList = $(‘ul.example’) $.each(category, function(i) { var li = $(‘<li/>’) .addClass(‘ui-menu-item’) .attr(‘role’, ‘menuitem’) .appendTo(cList); var sss = $(‘<a/>’) .addClass(‘ui-all’) .text(category[i]) .appendTo(li); }); }); </script> </html>