Question

我尝试了几种方法从表中删除具有特定Id的行。这是表结构：

我尝试使用最接近的

  $(this).closest('tr').remove();

我尝试使用这个

var index=Id.parentNode.parentNode.rowIndex;

要查找行索引然后删除但是我得到了未知错误，未定义parentNode，而且最近没有反应...

有关如何解决此问题的任何想法？

Answer 1

由于问题未标记为jquery，因此这是仅使用JavaScript删除表格行的示例：

＆＃13;

function handleClick(event) {
  // react only to button clicks
  if (event.target.className == 'itemToDelete') {
    // get row containing clicked button
    var row = event.target.parentNode.parentNode;
    // remove row element
    row.parentNode.removeChild(row);
  }
}

window.addEventListener('DOMContentLoaded', function() {
  // register click handler for whole table for efficiency
  document.querySelector('.table').addEventListener('click', handleClick, false);
}, false);

＆＃13;

<!DOCTYPE html>
<html>

<head>
</head>

<body>
  <table class="table">
    <thead>
      <tr>
        <th>Column 1</th>
        <th>Column 2</th>
        <th>Column 3</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>
          <button type="button" class="itemToDelete">Delete row</button>
        </td>
      </tr>
      <tr>
        <td>Jane</td>
        <td>Doe</td>
        <td>
          <button type="button" class="itemToDelete">Delete row</button>
        </td>
      </tr>
    </tbody>
  </table>
</body>

</html>

＆＃13;

Answer 2

使用jquery

   $(".itemToDelete").click(function(){

        $(this).closest("tr").remove();
    });

Answer 3

尝试在表格行中设置id

您可以通过jquery $("#"+id).remove();

删除

使用JavaScript从表中删除行

3 个答案: