Question

How can I put this JSON Object in the function or object below?

// this function generates an JSON Object dynamically       
$(".n_ListTitle").each(function(i, v) {
    var node = $(this);
    var nodeParent = node.parent();
    var nodeText = node.text();
    var nodePrice = node.siblings('.n_ListPrice');

    var prodPrice = $(nodePrice).text();
    var prodId = nodeParent.attr('id').replace('ric', '');
    var prodTitle = nodeText;

    var json = {
        id : prodId,
        price : prodPrice,
        currency : "CHF",
        mame : prodTitle
    };
    return json;
});

TDConf.Config = {
    products : [
        // here should be inserted the JSON Object
        {id: "[product-id1]", price:"[price1]", currency:"[currency1]", name:"[product-name1]"},
        {id: "[product-id2]", price:"[price2]", currency:"[currency2]", name:"[product-name2]"},
        ...

    })],
    containerTagId :"..."
};

If it is not understandable please ask 🙂
Thanks in advance for helping me to figure out!

Answer 1

Your function does not do what you think it does ( the return statement inside .each can only break a loop ). Try this:

TDConf.Config = {
    products : [],
    // some other stuff
}
$(".n_ListTitle").each(function(i, v) {
    // some other code
    var json = {
        id : prodId,
        price : prodPrice,
        currency : "CHF",
        name : prodTitle
    };
    TDConf.Config.products.push( json );
});

You should learn more about JavaScript, scoping and obviously JSON, because you don’t seem to understand that what you are dealing with is actualy not JSON, it’s a JavaScript object ( slight difference but still a difference ).