点击表格行上的按钮，然后使用javascript

Question

      <table id="myList">
               <thead>
                   <tr>
                       <th>Product ID</th>
                       <th>Product Name</th>
                       <th>Quantity</th>
                       <th>&nbsp;</th>
                   </tr>
               </thead>
               <tbody>
                   <tr>
                       <td>123</td>
                       <td>Hello</td>
                       <td>2</td>
                       <td><button>Delete</button></td>
                  </tr>
               </tbody>
           </table>

您好，

我有一张如上所示的表格。我希望能够在单击按钮删除后删除特定行。

请问在点击删除按钮后如何删除特定的选定行？

Answer 1

您可以使用rowIndex查找需要删除的行。

使用deleteRow方法删除行

希望此代码段有用。

此处x将是按钮

x.parentElement将是td，其中包含按钮

x.parentElement.parentElement将是需要删除的tr

function delRow(x){
   document.getElementById("myList").deleteRow(x.parentElement.parentElement.rowIndex);
    }

JSFIDDLE