我想遍历 html 表第二列中的单元格,在每个单元格中添加一个指向文本的链接。我有一个通用的基本 URL,其哈希值应由表第一列中相应单元格中的整数定义。
例如,第二列第一个单元格中的文本应链接到:
http://test.example.com/foo.html#1
其中#1由第一列 ( 1)的第一个单元格中的整数定义。然后对每一行重复,其中第一列的每个单元格中的整数应该用于散列。
纯 js 或 jquery 可以工作。我找到了这个 jquery 片段,它似乎是迭代第二列中的每个单元格的良好开端:
$('#table1 td:nth-child(2)').each(function(elem) {
//do something with elem
});
这个 jquery 方法是否合适,如果合适,我该如何应用所描述的链接?
作为可能的替代方案,我可以修改用于创建表的函数吗?:
function createTable(tableData) {
var table = document.getElementById('table1');
var tableBody = document.createElement('tbody');
tableData.forEach(function(rowData) {
var row = document.createElement('tr');
rowData.forEach(function(cellData) {
var cell = document.createElement('td');
cell.appendChild(document.createTextNode(cellData));
row.appendChild(cell);
});
tableBody.appendChild(row);
});
table.appendChild(tableBody);
document.getElementById('wrapper').appendChild(table);
}
createTable(table_input);
相关分类