使用jQuery從JSON處理表中的值

Question

我通過以下方式使用Jquery獲取表中的所有行：

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

我對表中的2列感興趣。 一列稱為ID，另一列稱為value。 我有一個JSON對象，它通過以下方式將ID與值映射：

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

XYZADZ和ABCDED是ID， XYZADZ和ABCDED是值。 這些值之前總是帶有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中的值（映射）。

Answer 1

您可以執行以下操作來更新表：

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

編輯 ：如果您在DOM中有多個表，請使用表變量。