使用jquery删除行表

不需要调用PreventDefault()。简单地从事件处理程序返回false具有相同的效果。

删除 <a> 链接已定位,您可以调用$(this).closest(“tr”).remove():

$(document).ready(function() {
$("a").click(function(event) {
    alert("As you can see, the link no longer took you to jquery.com");
    var href = $(this).attr('href');
    alert(href);
    $(this).closest("tr").remove(); // remove row
    return false; // prevents default behavior
   });
);

为每个添加一个ID <tr> 打电话 row_9714 并添加ID 9714 链接。然后在Click事件处理程序调用中:

var thisId = $(this).attr('id');
$("#row_" + thisId).remove();

注意--9714只是一个虚拟的ID。只需在这里为每一行使用一个唯一的数字。

此示例使用jquery从表中删除行。

$(document).ready(function () {
$("#my_table .remove_row").click(function () {
	$(this).parents("tr:first")[0].remove();
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table"  border="1" id="my_table">
   <tbody>
      <tr>
         <td>1</td>
         <td>1</td>
         <td>1</td>
         <td><button type="button" class="remove_row">X</button></td>
      </tr>
      <tr>
         <td>2</td>
         <td>2</td>
         <td>2</td>
         <td><button type="button" class="remove_row">X</button></td>
      </tr>
   </tbody>
</table>