将JSON文件中的项匹配到表中的列值

时间:2016-02-18 15:10:29

标签: jquery json

有没有办法将JSON数据中的值与表格列中的值进行匹配?

var data =[
        { "code":"111","name":"one"},
        { "code":"222","name":"two"},
        { "code":"333","name":"three"},

        ];
$(this).find('td:nth-child(18)').each(function(i) {
                      if (($(this).text())  == data.code) {
                        //Not sure what to add here
                      }


                });

结果应该是

ID  code  name
1    111  one
2    222  two
2    333  three

根据name列和JSON数据

生成code列的位置

1 个答案:

答案 0 :(得分:0)

如果您在包含code

的每一行上使用数据属性,那将会相当容易
<tr data-code="111">

然后,您所要做的就是遍历数据并使用选择器匹配行

$.each(data, function(_, item){
    $('tr[data-code=' + item.code +'] td:last').text(item.name);
});

如果所有代码都是唯一的,那么使用code作为行ID更简单

<tr id="111">

$.each(data, function(_, item){
    $('#' + item.code + ' td:last').text(item.name);
});