猿问

添加指向html表格列中所有单元格的链接

我想遍历 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);


动漫人物
浏览 153回答 2
2回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答