Question

点击删除按钮，我将此tr添加到表1 在将其添加到表1之前，我需要删除此特定的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('td').remove()。但是，您也可以使用DOM遍历而不是videoId选择来大规模简化代码。试试这个：

$(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 2

试试这个：

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

它将删除最近点击删除的tr。

检查Updated Fiddle

Answer 3

使用

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

而不是在追加之前删除最后一列。

如何从表中的tr中删除td

3 个答案: