用jQuery remove()方法删除表格行(table tr)的写法

<table id="tbUser">
  <tr>
    <th>Sr</th><th>Name</th><th>Location</th><th></th>
  </tr>
  <tr>
    <td>1</td><td>Amit</td><td>Ghatkopar</td>
    <td><button class="btnDelete">Delete</button></td>
  </tr>
  <tr>
    <td>2</td><td>Vicky</td><td>Powai</td>
    <td><button class="btnDelete">Delete</button></td>
  </tr>
  <tr>
    <td>3</td><td>Sunny</td><td>Powai</td>
    <td><button class="btnDelete">Delete</button></td>
  </tr>
  <tr>
    <td>4</td><td>John</td><td>NewYork</td>
    <td><button class="btnDelete">Delete</button></td>
  </tr>
</table>

$("#tbUser").on('click', '.btnDelete', function () {
  $(this).closest('tr').remove();
});


版权声明:本文为g977445x原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。