JSONファイル内の数値をjs（jQuery）を使い、HTML上に表示したい

Question

状況

JSON内の数値をjs（jquery）を使い、特定のidに出力しようと思っているのですが、うまくいきません。
JSONは複数の階層構造になっています。
そもそもJSONを呼び出す記述が間違っているのか、階層構造の指定が悪いのか、原因がさっぱりわかっていない状態です。
どうかお知恵をお貸しいただけないでしょうか。

参考コード

▼JSON

        {
            "kaisou1": {
                "kaisou2": [
                    {
                        "id": 1,
                        "name": tanaka,
                    }
                ],
        　　}
        }

▼JS（ここがわかりません）

        const jsonfile= "https://aaa.com/aaa.json"; //JSONファイル読み込み
        
        $(document).ready(function () {
            $.getJSON(jsonfile, function(data){
                for(var i in data){
                    for(var j in data[i].kaisou2.kaisou1){
                        $("#namae").append("<li>" + data[i].kaisou2.kaisou1[j].name + "</li>");
                    }
                }
            });
        });

▼HTML

<section>
    <div id="namae">//ここにtanakaと表示したい//</div>
</section>

当方、jsはコピペの応用を少しできるレベルで、Jsonファイルは今回初めて触っています。

何卒、よろしくお願いいたします。

Answer 1

応答が質問の JSON に書いてある通りの JSON 文字列であれば、function(data) の data にはそれをデシリアライズした JavaScript のオブジェクト（連想配列）が渡されるはずです。

なので、data.kaisou1.kaisou2[0].name として試してみてください。

---

【追記】

上で書いたとおりにやると、こうなるという確証を追記しておきます。

JSON ファイル

HTML + JavaScript

結果

Comments

[v700]

ありがとうございます！こちらで想定通りに動きました！