jquery - 使用 jQuery 将 JSON 数组转换为 HTML 项目符号列表

标签 jquery json

如何转换以 JSON 格式表示的字符串数组,并使用 jQuery 将其转换为 HTML 项目符号列表?

最佳答案

var ul = $('<ul>').appendTo('body');
var json = { items: ['item 1', 'item 2', 'item 3'] };
$(json.items).each(function(index, item) {
    ul.append(
        $(document.createElement('li')).text(item)
    );
});

就使用 AJAX 从服务器获取 JSON 而言,您可以使用 $.getJSON()功能。

Live demo .

关于jquery - 使用 jQuery 将 JSON 数组转换为 HTML 项目符号列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4189365/

相关文章:

javascript - 使用 jquery 将数据属性(带有特殊字符)添加到 dom 元素

asp.net - JSON:序列化从 IEnumerable 派生的类型

python - `pandas to_json` 和 `read_json` 之间的文件大小差异较大

javascript - chrome 中的 webkitdirectory 文件选择限制

java - 如何在 Android 上使用 JSON/String 执行 Mustache 模板?

javascript - 中间点击 AJAX 链接 MVC

jquery - 相当于这个 html 表单提交的 jQuery ajax 是什么?

javascript - 检索与 angularjs 中的 id 关联的行

jquery - "Invalid Label"与jquery和jsonp(跨域)

jQuery,无法让自定义验证消息正常工作