如何在JavaScript中动态创建无序列表? [英] How can I dynamically create an unordered list in JavaScript?

问题描述

我有一个包含一些字符串的全局JavaScript数组.

I have a global JavaScript array that contains some strings.

我想基于我的JavaScript数组中的字符串创建一个动态列表.与此类似:

I want to create a dynamic list based on the strings in my JavaScript array. Similar to this:

<ul class='xbreadcrumbs' style='position:absolute; bottom:0px'>
    <li>
        <a href='#'>String 1</a>
    </li>
</ul>

如何遍历数组，然后在JavaScript/jQuery中创建此列表?

How can I iterate over my array, and then create this list in JavaScript/jQuery?

推荐答案

尝试一下

var str = '<ul class='xbreadcrumbs' style='position:absolute; bottom:0px'>';

for(var i in $yourArray){
   str += '<li><a href="#">String 1</a></li>';
}

str += '</ul>';

$('body').append(str);

这篇关于如何在JavaScript中动态创建无序列表?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！