使用Jquery

时间:2017-06-20 07:49:41

标签: javascript jquery json

我使用Jquery以下列方式获取表中的所有行:

var table = $.fn.dataTable.fnTables(true);
var nodes = $(table).dataTable().fnGetNodes();

我对表格中的2列感兴趣。一列称为ID,另一列称为值。 我有一个JSON对象,它通过以下方式将ID与值映射:

val mapping = {
    "XYZADZ": {"CALC_180":"74.91"},
    "ABCDED": {"CALC_180":"80.92"}
};

XYZADZABCDED是ID,74.91& 80.92的值。这些值在它们之前始终具有CALC_180。 ID的列名是tID,值是tValue。

如果我必须在特定行中插入值,我通常会这样做

$(nodes[0]).find('.tValue').text("$2000");

在行

中插入值2000

但是我正在尝试为JSON对象中的每个ID执行操作,更新表中的相应值。有没有办法在tID列的列中找到文本?

<tr class="odd">
    <td class="tID">XYZADZ </td>
    <td class="tValue"> </td>
</tr>

在“tValue”列中,我尝试填写JSON(映射)中的值。

1 个答案:

答案 0 :(得分:0)

您可以执行以下操作来更新表格:

$("tr", table).each(function(i, row) {
  var id = $(".tID", row).text()
  var val = $(".tValue", row)
  val.text(mapping[id].CALC_180)
})

编辑:使用表变量,以防DOM中有多个表。