テーブルの2行を削除または追加する方法

Question

右のバスケットアイコンをクリックすると、現在の<tr>と黄色の<tr>も削除します。ここで

はスクリーンショットです：

<tr> 
       <td class="bar_td" colspan=7> 
       <strong>PRESTATION 2</strong> 
       </td> 
      </tr> 
      <tr class="ligne_suppr"> 
       <td class="jr_td"> 
       <img class="jour_prest" src="img/ico/jour_presta.png" alt="" width="16" height="16" /> Mardi 24 jan 2011 
       <p>ou</p> 
       <img class="jour_prest" src="img/ico/jour_presta.png" alt="" width="16" height="16" /> Mercredi 25 jan 2011 
       </td> 
       <td class="cr_td"> 
       <select> 
        <option value="h9">10h30</option> 
        <option value="h10">11h30</option> 
       </select> 
       <select> 
        <option value="h11">10h30</option> 
        <option value="h12">11h30</option> 
       </select> 
       </td> 
       <td class="rp_td"> 
       <select> 
        <option value="h13" SELECTED>2h00</option> 
        <option value="h14">3h00</option> 
       </select> 
       </td> 
       <td class="mn_td"> 
       <select> 
        <option value="h15">2h00</option> 
        <option value="h16" SELECTED>6h00</option> 
       </select> 
       </td> 
       <td class="tt_td"> 
       <strong>8h.</strong> 
       </td> 
       <td class="pttc_td"> 
       <strong>148 &#8364;</strong> 
       </td> 
       <td class="cor_td"> 
       <a href="#"> 
        <img src="img/ico/corbeille.png" alt="" width="13" height="13" /> 
       </a> 
       </td> 
      </tr> 

とJavascriptコード：ここで

は、私がクリックして、削除する2列の私のhtmlコードである

<script> 
      $(".ligne_suppr a").click(function(e) { 
      e.preventDefault(); 
      ($(this).parent()).parent().remove(); 
      }) 
     </script> 

しかし、このコードでは、大きいものだけを取り除くことができます<tr>と黄色のワンはそのままです。

ご存知ですか？

Answer 1

$('.ligne_suppr a').click(function(e) { 
    e.preventDefault(); 
    var parent = $(this).parent().parent(); // parent <tr> of the anchor tag 
    var previous = parent.prev();  // <tr> before the parent <tr> 

    parent.remove(); 
    previous.remove(); 
}); 

Answer 2

これは基本的に、2つの行を選択する特定の方法がないと難しいです。

あなたはjqueryの答えをしたい場合、あなたがタグ付けする必要があり、この

$(".ligne_suppr a").click(function(e) { 
    e.preventDefault(); 
    var toprow = $(this).closest("tr"); 
    toprow.prev().remove(); // remove the yellow 
    toprow.remove(); // remove the row 
});