使用javascript刪除html表中用戶選擇的列（無jQuery）

Question

我已實現以下代碼來刪除html表中的列。 我希望能夠在用戶選擇某個列而不是一直刪除最后一個列時實現這一點-任何人都可以幫忙嗎？

function deleteColumn(){

  var lastColumn = document.getElementById('Overall Result');
  var table = document.getElementById('tg-LTO9U');
  var rowCount = table.rows.length;
  for(var i=0;i<rowCount;i++){
     table.rows[i].deleteCell(table.rows[i].cells.length-2);
  }
}

刪除欄

Answer 1

我在表頭添加了一個鏈接，以顯示如何將索引傳遞給函數

 function closestByTagName(el, tagName) { while (el.tagName != tagName) { el = el.parentNode; if (!el) { return null; } } return el; } function delColumn(link) { var idx = link.getAttribute("data-idx"), table = closestByTagName(link, "TABLE"), rowCount = table.rows.length; for (var i = 0; i < rowCount; i++) { table.rows[i].deleteCell(idx); } return false; } window.onload = function() { var ths = document.querySelectorAll("th"); for (var i = 0; i < ths.length; i++) { ths[i].innerHTML += ' <sup><a href="#" data-idx="' + i + '" class="del" onclick="return delColumn(this)">X</a></sup>'; } } 

 sup { font-size:xx-small } .del { text-decoration:none } 

 <table> <thead> <tr> <th>A</th> <th>B</th> <th>C</th> <th>D</th> <th>E</th> </tr> </thead> <tbody> <tr> <td>One</td> <td>Two</td> <td>Three</td> <td>Four</td> <td>Five</td> </tr> <tr> <td>One</td> <td>Two</td> <td>Three</td> <td>Four</td> <td>Five</td> </tr> </tbody> </table>