jquery - 无法使用 mydata 构建 JSON

Question

我的屏幕看起来是这样的

屏幕上有 2 个项目。

对于项目 1 ===> 选择蜂蜜加黄油

对于第 2 项 ===> 选择坚果和干果 10 克

基于此，我尝试构建如下 JSON，如图所示

[
    {
        "name": "Item 1",
        "value": [
            "None",
            "Honey with Butter"
        ]
    },
    {
        "name": "Item 2",
        "value": [
            "Nutts and dry fruits10 gm",
            "None"
        ]
    }
]

我已经尝试过这个方法了

var toppings = [];



 $('.tdHeading').each(function () {
                values = [];
                $(this).each(function () {
                    if($(this).hasClass('tpActive'))
                    {

                        alert($(this).attr('topp_name'))
                         values.push($(this).attr('topp_name'));
                    }
                    else
                    {
                         values.push('None');
                    }

                });
                if(values.length>0)
                {
                    toppings.push({
                        'name': $(this).text().trim(),
                        'value': values
                    });
                }
            });


console.log(JSON.stringify(toppings));

但是我得到了以下o/p

[
    {
        "name": "Item  1",
        "value": [
            "None"
        ]
    },
    {
        "name": "Item  2",
        "value": [
            "None"
        ]
    }
] 

请帮忙解决这个问题

http://jsfiddle.net/7xdqvaay/1/

Answer 1

您需要寻找 sibling :

  $(this).siblings().each(function () {
                    if($(this).children().hasClass('tpActive'))
                    {
                        alert($(this).children('.tpActive').attr('topp_name'))
                         values.push($(this).children('.tpActive').attr('topp_name'));
                    }

http://jsfiddle.net/7xdqvaay/12/