jquery - Ajax を使用して複数の JsTree を動的にロードする

Question

jsTree に変換される JSON データ オブジェクトの配列を返す単純な検索を実行したいと考えています。

質問に関係のないコードの部分 (テーマ、フォーマットなど) を削除して削除しました。

HTML ページ:

Results:

<div id="results"></div>

Javascript:

$.ajax({
    url: "/getJsonData", 
    dataType: "json",
}).done(function( data ) {

    var newData;

    $.each(data, function(index, value) {

        newData += '<div id="tree' + index + '"></div>';

        $('#tree' + index).jstree({
            "json_data" : v,
            "plugins" : \[ "themes", "json_data" \]
        });
    }

    $('#results').html(newData);

}

典型的な検索では、ユーザーが操作できる次のようなものが生成されます。