如何使用 $.each 显示来自同一个 JSON 对象的多个嵌套元素？答案

【问题标题】：How do I use $.each to display multiple nested elements from the same JSON object?如何使用 $.each 显示来自同一个 JSON 对象的多个嵌套元素？
【发布时间】：2014-01-27 10:07:24
【问题描述】：

我正在使用 Trello API 为客户创建用户故事和清单项目的仪表板。以下是相关代码：

Trello.get("boards/z6yBuVol/cards", function(cards) {
        $cards.empty();
        $.each(cards, function(ix, card) {
            $("<li>", {
                class: "card", 
                text: card.name
            }).appendTo($cards) 

            $("<p>", {
                text: card.badges.checkItems
            }).appendTo("li");
        });
    });

我不想将 checkItems 附加到每个列表项，而是将 checkItems 附加到每个相关的列表项。所以每个列表项（card.name）都应该有一个与之关联的清单编号（card.badges.checkItems）。

感谢您的任何帮助。我是初学者。

【问题讨论】：

标签： javascript jquery json rest trello

【解决方案1】：

    $.each(cards, function(ix, card) {
        var li = $("<li>", {
            class: "card", 
            text: card.name
        }).appendTo($cards); 

        $("<p>", {
            text: card.badges.checkItems
        }).appendTo(li);
    });

【讨论】：

【解决方案2】：

只需执行以下操作：

var li = $("<li>", {
    /* snip */

$("<p>", {
    /* snip */
}).appendTo(li);

【讨论】：