Comment générer une liste UL Li à partir d’un tableau de chaînes en utilisant jquery?

J’ai un tableau de chaînes comme

États-Unis, Canada, Argentine, Arménie, Aruba, Australie, Ausortingche, Azerbaïdjan, Bahamas, Bangladesh, Biélorussie, Belgique ** , … etc.

Je veux créer une liste dynamic à partir de tableau de chaîne comme ci-dessous: –

 

Comment est-il possible d’utiliser jQuery?

 var counsortinges = ['United States', 'Canada', 'Argentina', 'Armenia']; var cList = $('ul.mylist') $.each(counsortinges, function(i) { var li = $('
  • ') .addClass('ui-menu-item') .attr('role', 'menuitem') .appendTo(cList); var aaa = $('') .addClass('ui-all') .text(counsortinges[i]) .appendTo(li); });

    Une approche encore meilleure en utilisant la méthode join de array

     var counsortinges = ['United States', 'Canada', 'Argentina', 'Armenia']; var list = ''; 

    Avec ES6, vous pouvez écrire ceci (en ignorant certains atsortingbuts HTML pour éviter les parasites inutiles):

     const counsortinges = ['United States', 'Canada', 'Argentina', 'Armenia']; const $ul = $(' 
     var counsortinges = ['United States', 'Canada', 'Argentina', 'Armenia']; var cList = $('ul.mylist') $.each(counsortinges, function(i) { var li = $('
  • ') .addClass('ui-menu-item') .attr('role', 'menuitem') .appendTo(cList); var a = $('') .addClass('ui-all') .text( this ) .appendTo(li); });
         

    Autre variante de Abhishek Bhalani : Vous pouvez utiliser Array.map () au lieu de $ .each ()

     var items = ['United States', 'Canada', 'Argentina', 'Armenia']; var cList = $('ul.mylist'); items.map( (item,i ) => { var li = $('
  • ') .addClass('ui-menu-item') .attr('role', 'menuitem') .appendTo(listWrapper); var aaa = $('') .addClass('ui-all') .text(i + ': ' + item.name) .appendTo(li); });