2016-11-02 11 views
-1

Onクリックすると、データ属性に基づいてテーブル行を削除できますか?データ属性に基づいてテーブル行を削除することは可能です

は、これはあなたが複数の行があるかもしれないので、あなたが

$('#tableid tr:eq(0)'); // First row in table 

$('#tableid tr:eq(1)'); // Second row in table 

からのデータ属性をしたいTRのインデックスを渡す必要があり、私のJSコード

$(document).on("click", ".deletevideo", function(event) { 
    if (confirm("Are You Sure to Remove This Video From This PAC?") == true) { 
     var video_id = $(this).data('videoid'); 
    } 

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

Fiddle

+1

'$(この).closest( 'TR')なぜ簡単ではありません(削除);'? http://jsfiddle.net/cod7ceho/262/ – Satpal

+0

close( "tr")を使用してください。remove()http://codepedia.info/remove-table-row-tr-in-jquery/ –

答えて

1

です表中

var theRowId = $('#tableid tr:eq(1)').attr('data-id'); // Get the Second Row id 
$('#tableid tr#'+theRowId).remove(); // Remove the row with id 

たり、行のIDを知っている場合は...単にあなたが削除する必要があるtr要素までを横断するclosest()を使用することができ、この

$('#tableid tr[data-id="'+theRowId+'"]').remove(); 
+0

great、thanks aロット。 – Pawan

2

を行います。

if (confirm("Are You Sure to Remove This Video From This PAC?")) { 
    //Travese up to get the row and delete 
    $(this).closest('tr').remove(); 
} 

Fiddle

関連する問題