获取在Jquery数据表上单击的按钮上的单元格的值

Question

我已经使用JQuery Datatable来显示以下信息，并且我是这个插件的新手：

Jquery DataTable

在“ WifiCode”字段上，我正在使用“ render”显示按钮。

我需要在单击按钮时获取该行中的值或特定列的值。

我该怎么做？

character

Answer 1

首先，您需要从id中删除button属性，因为它会创建无效的重复项。如果需要，您可以改用类：

return '<span>' + wifiCode + '</span><button class="yourButton" data-visitor-wifi="' + wifiCode + '"></button>';

然后，您可以使用委托事件处理程序来附加要在click事件下运行的逻辑。要从表中获取所需的列，您可以使用DOM遍历来获取与单击按钮的位置相关的元素：

$('#visitorsTable').on('click', '.yourButton', function() { 
  var val = $(this).closest('tr').find('td:eq(0)').text(); // amend the index as needed
  console.log(val);
});