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 = $('', {class: "mylist"}).append( counsortinges.map(country => $("- ").append($("").text(country)) ) );
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); });