访问json将变量名称作为字符串传递

debugcn 发表于 Dev

弗兰克先生

我在页面中包含一些json文件，如下所示：

<script type="text/javascript" language="javascript" src="json/divaniModerni.json"></script>
<script type="text/javascript" language="javascript" src="json/divaniClassici.json"></script>

它们都具有相同的结构，但包含不同的元素：

var divaniModerni = {
"modelli": [
    {
        "nome": "California",
        "num": "5", 
    },
    {
        "nome": "Terra",
        "num": "6", 
    },
    {
        "nome": "Laura",
        "num": "7", 
    },
    {
        "nome": "Nonstop",
        "num": "11",    
    },
    {
        "nome": "Venere",
        "num": "8", 
    },
    {
        "nome": "Comfort",
        "num": "5", 
    },
    {
        "nome": "Infinity",
        "num": "8", 
    },
]

}

我现在可以像这样解析文件：

$(divaniModerni.modelli).each(function(index, element){ (...) }

但是可以动态地更改文件以解析将名称传递给函数的解析，像这样吗？

function show(category)
{
    $(category.modelli).each(function(index, element){ (...) }
}

show(divaniModerni);

我已经尝试过：

$(window[category].modelli).each(function(index, element){ (...) }

但这没用...

编辑：

在每个参数的内部，我根据所选的json元素在表上动态创建一行：

$(divaniModerni.modelli).each(function(index, element){
            if (i == 1)
                riga += "<tr>";
            riga += "<td><figure><a class='anteprime' rel='prettyPhoto[gallery" + i + "]' href='images/divani/" + element.nome + ".jpg'><img src='images/anteprima/divani/" + element.nome + ".jpg' alt='" + element.nome + "'></a><div class='descrizione'>" + element.nome;
            if (element.num > 0)
            {
                for (j = 2; j <= element.num; j++) 
                {
                    riga += "<a style='display:none;' class='anteprime' rel='prettyPhoto[gallery" + i + "]' href='images/divani/" + element.nome + j +  ".jpg'><img src='images/anteprima/divani/" + element.nome + j + ".jpg' alt='" + element.nome + "'></a>";
                }
            }
            riga += "</div></figure></td>"; 
            if (i == categoria.modelli.length)
            {
                riga += "</tr>";
                $('#mostra').append(riga);
            }
            else if (i % 4 == 0)
            {
                riga += "</tr>";
                $('#mostra').append(riga);  
                riga = "<tr>";  
            }   
            i++
        })

克里斯托弗·马歇尔

将对象引用直接传递到每个语句中以仅对其进行迭代。

http://jsfiddle.net/b3zdahc0/

var divaniModerni = {
"modelli": [
    {
        "nome": "California",
        "num": "5", 
    },
    {
        "nome": "Terra",
        "num": "6", 
    },
    {
        "nome": "Laura",
        "num": "7", 
    },
    {
        "nome": "Nonstop",
        "num": "11",    
    },
    {
        "nome": "Venere",
        "num": "8", 
    },
    {
        "nome": "Comfort",
        "num": "5", 
    },
    {
        "nome": "Infinity",
        "num": "8", 
    }
    ]
};

function show(category)
{
    $.each(category.modelli, function(index, element) {
               alert(index)
    });

}

$("button").on("click", function(e) { 
    show(divaniModerni);
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。