jquery - 削除しないスクリプトによって追加された行

Question

クラスのクリックで行を追加するスクリプトを使用しました。追加された行の内側に近いスパンを追加しました。しかし、クローズクラスのonlickイベントを作成して、追加された行を閉じようとすると、機能しません。行を追加するスクリプトとそれに追加された close クラスは次のとおりです。

<script>
$(function() {
    $('table.listtable td input.selectseat').one('click', function() {
        $(this).parent().parent().css('background-color','#faf5d5');
        $(this).parent().parent().after('<tr class="seating"><td colspan="6"><span class="closeseats"></span></td></tr>');
        $('tr.seating').css('background-color','#faf5d5');
    });
}); 


</script>

このスクリプトは、必要な行を追加し、クローズスパンも追加しています。今までは大丈夫です。「closeseats」のクラスを持つスパンをクリックすると、追加された行を削除する必要があります。また、これはリストであることを忘れないでください。同じクラスの「selectseat」のボタンがたくさんあります。SO クラス「closeseats」で SPAN をクリックすると、関連する TR.SEATING のみを閉じる必要があります。テーブルの HTML は次のようになります。

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="listtable">
  <tr class="firstone">
<th align="left" valign="top">Bus Type</th>    
<th align="left" valign="top">Departure</th>
    <th align="left" valign="top">Duration</th>
    <th align="left" valign="top">Arrival</th>
    <th align="left" valign="top">Seats</th>
    <th align="left" valign="top">Fare</th>
  </tr>

  <tr>
<td align="left" valign="middle">Volvo, A/C, Seater</td>
    <td align="left" valign="middle"><img src="img/morning.png" /> <br />
9:00 PM</td>
    <td align="left" valign="middle">3h</td>
    <td align="left" valign="middle"><img src="img/evening.png" /> <br />
7:00 PM</td>
    <td align="left" valign="middle">4</td>
    <td align="left" valign="middle" class="amount">Rs. 460 <br /><br />
<input type="submit" class="selectseat" value="Select Seats" /><span class="ttip" title='this one <br> that one'><img src="img/plus.png" alt="plus"/></span></td>

</tr>

<tr>
<td align="left" valign="middle">Volvo, A/C, Seater</td>
    <td align="left" valign="middle"><img src="img/morning.png" /> <br />
9:00 PM</td>
    <td align="left" valign="middle">3h</td>
    <td align="left" valign="middle"><img src="img/evening.png" /> <br />
7:00 PM</td>
    <td align="left" valign="middle">4</td>
    <td align="left" valign="middle" class="amount">Rs. 460<br /><br />
<input type="submit" class="selectseat" value="Select Seats" /><span class="ttip" title="this one"><img src="img/plus.png" alt="plus"/></span></td>

</tr>

<tr>
<td align="left" valign="middle">Volvo, A/C, Seater</td>
    <td align="left" valign="middle"><img src="img/morning.png" /> <br />
9:00 PM</td>
    <td align="left" valign="middle">3h</td>
    <td align="left" valign="middle"><img src="img/evening.png" /> <br />
7:00 PM</td>
    <td align="left" valign="middle">4</td>
    <td align="left" valign="middle" class="amount">Rs. 460<br /><br />
<input type="submit" class="selectseat" value="Select Seats" /><span class="ttip" title="this one"><img src="img/plus.png" alt="plus"/></span></td>

</tr>



</table>

助けてください。