如何使用jQuery从字符串数组生成UL Li列表? [英] How to generate UL Li list from string array using jquery?

问题描述

我有类似

美国"，加拿大"，阿根廷"，亚美尼亚"，阿鲁巴"， 澳大利亚"，奥地利"，阿塞拜疆"，巴哈马"，孟加拉国"， 白俄罗斯"，比利时" ** ...等.

'United States', 'Canada', 'Argentina', 'Armenia', 'Aruba', 'Australia', 'Austria', 'Azerbaijan', 'Bahamas', 'Bangladesh', 'Belarus', 'Belgium'**, ... etc.

我想从字符串数组创建动态列表，如下所示:-

I want create a dynamic list from string array like below:-

<ul class="mylist" style="z-index: 1; top: 474px; left: 228px; display: none; width: 324px;" > 
  <li class="ui-menu-item" role="menuitem">
     <a class="ui-all" tabindex="-1">
         United States
    </a>
  </li>
  <li class="ui-menu-item" role="menuitem">
     <a class="ui-all" tabindex="-1">
         Canada
    </a>
  </li>
  <li> .... </li>
   .....
</ul>

如何使用jQuery?

How is it possible using jQuery?

推荐答案

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

这篇关于如何使用jQuery从字符串数组生成UL Li列表?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！