javascript - 如何更改特定的 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 表。但是当我使用 DataTables()在 Summary Table 2 .该值未定义，因此无法更改。

我如何更改我的函数，以便它在我的表格按 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，这是您必须拥有的 dataTable 实例，因为您已经在某处实例化了“Summary Table 2”:

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

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