如何用rowspan刪除行jquery

Question

<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/

Answer 1

最簡單的方法：

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

Answer 2

將$(this).parent().next().remove();前$(this).parent().remove();