我有一個rowspan作爲起始列的表。該表在每行的末尾有一個刪除按鈕。當單擊該按鈕時,相應的行將被刪除。代碼表低於:jQuery刪除錶行不刪除rowspan列
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<table border="1" >
<tr> <td rowspan="6" > First Section </td><td> Row 1-Col 1 </td> <td> Row 1 - Col 2 </td> <td class="remove" > Delete </td> </tr>
<tr> <td> Row 2-Col 1 </td> <td> Row 2 - Col 2 </td> <td class="remove" > Delete </td> </tr>
<tr> <td> Row 3-Col 1 </td> <td> Row 3 - Col 2 </td> <td class="remove" > Delete </td> </tr>
<tr> <td> Row 4-Col 1 </td> <td> Row 4 - Col 2 </td> <td class="remove" > Delete </td> </tr>
<tr> <td> Row 5-Col 1 </td> <td> Row 5 - Col 2 </td> <td class="remove" > Delete </td> </tr>
<tr> <td> Row 6-Col 1 </td> <td> Row 6 - Col 2 </td> <td class="remove" > Delete </td> </tr>
</table>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script>
$('.remove').on('click',function(){
$(this).parent().remove();
});
</script>
</body>
</html>
當我點擊在比它正常工作的第一行以外的行刪除按鈕,但如果我點擊刪除按鈕第一排它也刪除rowspan列。
如何在不刪除rowspan列的情況下刪除第一行?