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);