如何更改特定的jQuery dataTables单元格值

Question

我有2个HTML表。 Table 1和Summary Table 2 。

我使用以下函数在Table 1的单元格中添加或删除复选标记，然后在Summary Table 2递增或递减相关值。

function toggleCheckMark(elem, brand){

  var cell = $(elem).html();
  if(cell == ""){

    $(elem).html("&#x2714");

    var brandval = parseInt($("#" + brand).find("td:eq(3)").html());
    var newval = brandval + 1;
    $("#" + brand).find("td:eq(3)").html("" + newval + "");


  } else {

    $(elem).html("");

    var brandval = parseInt($("#" + brand).find("td:eq(3)").html());
    var newval = brandval - 1;
    $("#" + brand).find("td:eq(3)").html("" + newval + "");

  }

}

当Summary Table 2是沼泽标准html表时，这绝对可以正常工作。 但是，当我在Summary Table 2上使用DataTables()时。 该值是不确定的，因此不能更改。

如何更改我的函数，使其在使用DataTables()格式化表时可以正常工作？

编辑

我的HTML已经包含空的<table id="rangereviewsummarytable">标记，并且我使用以下函数填充摘要表。

这是一个可点击的单元格：

rrtable += "<td class='checkboxcell' onClick=\"toggleCheckMark(this, '" + item.brand + "')\">&#x2714</td>";

和功能

function generateReviewSummary(summaryarray){

  var summarytable = "";

  $.each(summaryarray, function(brand, values){

    summarytable += "<tr id='" + brand +"''>"; //here is the logic behind $("#" + brand)...
    summarytable += "<td>" + brand + "</td>";
    summarytable += "<td>" + values.current + "</td>";
    summarytable += "<td>" + values.rec + "</td>";
    summarytable += "<td>" + values.user + "</td>"; // this is the col I want to update
    summarytable += "</tr>";

  });

  summarytable = "<tbody>" + summarytable + "</tbody>";

  $("#rangereviewsummarytable").append(summarytable);
  //$("#rangereviewsummarytable").DataTable();
  $("#rangereviewsummarypanel").show();

}

Answer 1

始终使用API​​。 您似乎想更新特定行中的特定列-使用.cell().data() API方法而不是jQuery .html()

var brandval = parseInt(summaryTable.cell({ row: 0, column: 2 }).data())
brandVal = !isNaN(brandVal) ? brandVal+1 : 1 //or -1
summaryTable.cell({ row: 0, column: 2 }).data(brandVal).draw() 

我指的是summaryTable ，因为在某处实例化了“ Summary Table 2”，所以必须具有dataTable实例：

var summaryTable = $("#" + brand).DataTable()

我只能猜测$("#" + brand)背后的逻辑是什么。