Access json passing variable name as string

Question

I've some json files included in the page like this:

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

All of them having same structure, containing different elements:

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", 
    },
]

}

I'm now able to parse the file like this:

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

but it's possible to dinamically change the file to parse passing the name to a function, like this?

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

show(divaniModerni);

I've tried with:

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

but It's not working...

EDIT:

Inside the each I'm dinamically creating a row on a table, based on the selected json elements:

$(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++
        })

Can you post the code inside the each statement so I can figure out what you're trying to accomplish? — Christopher Marshall
– Christopher Marshall, Commented Apr 17, 2015 at 15:39

Christopher Marshall · Accepted Answer · 2015-04-17 15:44:05Z

1

Pass in the object reference directly into the each statement to only iterate on that.

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

edited Apr 17, 2015 at 15:44

answered Apr 17, 2015 at 15:36

Christopher Marshall

10.7k10 gold badges57 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

MisterFrank Over a year ago

The object already has a closing '}', is outside the code section in the question, for a misprint..

Christopher Marshall Over a year ago

@MisterFrank Updated, hope that helps.

Collectives™ on Stack Overflow

Access json passing variable name as string

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related