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

Question

我正在使用 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）。

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

Answer 1

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

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

Answer 2

只需执行以下操作：

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

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