如何使用rowspan jquery删除行

时间:2013-11-15 09:29:53

标签: jquery row html-table

<table id="personal" border="1">
  <tr>
    <td>Name</td>
    <td>Address</td>
    <td rowspan="2" class="remove">Remove</td>
  </tr>
  <tr>
    <td>Name</td>
    <td>Address</td>
  </tr>
  <tr>
    <td>Name</td>
    <td>Address</td>
    <td rowspan="2" class="remove">Remove</td>
  </tr>
  <tr>
    <td>Name</td>
    <td>Address</td>
  </tr>
  <tr>
    <td>Name</td>
    <td>Address</td>
    <td rowspan="2" class="remove">Remove</td>
  </tr>
  <tr>
    <td>Name</td>
    <td>Address</td>
  </tr>
</table>

$('#personal tr .remove').click(function(){
$(this).parent().remove();
})

我想删除受rowspan影响的2行。有可能的?如果有,怎么样?现在它只删除一行。

FIDDLE:http://jsfiddle.net/awanan/j3fNK/

2 个答案:

答案 0 :(得分:2)

最简单的方法:

$('#personal tr .remove').click(function(){
   $(this).parent().next().remove();
   $(this).parent().remove();
})

答案 1 :(得分:0)

$(this).parent().next().remove();放在$(this).parent().remove();

之前