获取特定的td数据,使用链接中的数据,用链接JavaScript替换td数据

时间:2017-10-25 00:12:01

标签: javascript html-table

我有一个由完全生成的开放数据表生成的表。我需要隔离每行上的最后四个单元格,将这些值存储在变量中,然后使用每个单元格中的文本(url + “/“ + text variable + “>” text variable + “</a>”)建立链接。此链接对于每个单元格是唯一的,并且需要覆盖表格中每行的所有最后4个单元格中的当前单元格文本。最终会在onload事件上调用它,但onclick事件现在可以正常运行(测试等)。这需要是JavaScript函数或jQuery。

我已经搜索了很长时间尝试一切可能的方法来做到这一点并且可以接近但我无法达成协议。任何帮助将不胜感激。我正在使用的表的网址是:http://mak-a-key.com/wp-content/themes/theme49645/tables/table-links.html

1 个答案:

答案 0 :(得分:0)

创建表格时,可以使用回调函数 createdCell 并修改单元格的DOM。

cellData :为您提供当前单元格中的实际数据

rowData :为您提供当前行中的实际数据数组

如果你需要最后4合一,只需连接: rowData.nameCell2 + rowData.nameCell3 ....并在URL部分中使用它。

示例:

$('yourTable').DataTable({
    columns: [
            {data: 'dataCell1'},
            {data: 'dataCell2',
                createdCell: function(td, cellData, rowData, row, col){
                    // rowData contains all information for the actual row
                    // cellData contains information in your actual cell
                $(td).html("<a href="yourURL + cellData"></a>");
          }
        }
    ]
});