jQuery $.each() 多维 JSON 数组

Question

我在这里做错了什么？我看不到它，通过第一个 $.each 它起作用，到达第二个它停止..

var testJSON = {"cluster":[{"node":[{"name":"one", "number":'100', "error":"none"},{"name":"two", "number":'200', "error":"none"},{"name":"three", "number":'300', "error":"found"},{"name":"four", "number":'400', "error":"none"}]}]}

if (testJSON.cluster.length != 0)
{
    $.each(testJSON.cluster, function(i, clstr)
    {
        $('.clusters').append('<ul class="nodes">');
        $.each(clstr.node, function(i, ndes)
        {
            $.find('ul').append('<li>'+ndes.name+'</li>');
        });
        $('.clusters').append('</ul>');
    });
}

Answer 1

将代码更改为以下内容：

if (testJSON.cluster.length != 0) {
    $.each(testJSON.cluster, function(i, clstr) {
        $('.clusters').append('<ul class="nodes"></ul>');
        $.each(clstr.node, function(i, ndes) {
            $('.clusters ul.nodes').append('<li>' + ndes.name + '</li>');
        });;
    });
}

附加元素时，不必稍后附加结束标记。另外，find 不能直接从 jQuery 对象调用。你需要一个选择器。

Answer 2

什么是$.find，您在内循环中遇到异常，然后停止。

$.find('ul').append('<li>'+ndes.name+'</li>');

您是否正在寻找在外循环中添加的 ul ？如果是，则使用

$('.clusters ul').append('<li>'+ndes.name+'</li>')