は、削除ボタンをクリックするだけで

Question

、私は表1 に、このTRを追加してい表1にそれを追加する前に、テーブル内のTRからTDを削除する方法、私はこの特定のTD

<td><a data-videoid="6" class="btn btn-delete removevideo btn-danger ui-link">Remove</a></td> 

に削除する必要があります

これは、これは私のバイオリンである私のコード

$(document).on("click", ".removevideo", function(event) 
{ 


      if (confirm("Are You Sure to Remove This Video From This PAC?") == true) 
      { 
       var video_id = $(this).data('videoid'); 
       $(this).closest("tr").removeClass('existingvideos'); 
       var html = $('#table1 tr[video-id="'+video_id+'"]').prop('outerHTML'); 
       $('#table1 tr[video-id="'+video_id+'"]').remove(); 
        $("#table2 tbody").append(html); 

      }   
      event.stopImmediatePropagation(); 
      event.preventDefault(); 
      return false; 



}); 

ある

http://jsfiddle.net/cod7ceho/271/

Answer 1

試してみてください：

$(this).closest("tr").remove(); 

削除された最も近いtrが削除されます。

チェックUpdated Fiddle

Answer 2

あなたの当面の問題を解決するには、$(this).closest('td').remove()を使用することができます。しかし、videoIdで選択するのではなく、DOMトラバーサルを使用してコードを大幅に簡素化することもできます。これを試してみてください：

$(document).on("click", ".removevideo", function(e) { 
    e.preventDefault(); 
    var $a = $(this); 
    var $tr = $a.closest('tr'); 

    if (confirm("Are You Sure to Remove This Video From This PAC?")) { 
     $tr.removeClass('existingvideos').remove(); 
     $a.closest('td').remove(); 
     $("#table2 tbody").append($tr); 
    } 
}); 

Updated fiddle

Answer 3

使用

var html = $('#table1 tr[video-id="'+video_id+'"] td:not(:last-child)').prop('outerHTML'); 

instead.itを追加する前に、最後の列を排除します。