如何從TR上的一個按鈕，點擊刪除TD

-2

$(document).on("click", ".deletevideo", function(event) 
{ 
    var video_id = $(this).data('videoid'); 
    var html = $('#videosexistingtable tr[video-id="' + video_id + '"]').prop('outerHTML'); 
    console.log(html); 
     event.stopImmediatePropagation(); 
     event.preventDefault(); 
     return false; 
});

這是電流輸出

<tr class="existingvideos" video-id="110"> 
    <td>TCS</td> 
    <td>Chandra</td> 
    <td> 
     <span class="btn btn-sm btn-success btn-circle">IT</span> 
    </td> 
    <td> 
     <i class="fa fa-check">Banking</i> 
    </td> 
    <td><a data-videoid="110" class="fa fa-trash remove-delete-icon deletevideo ui-link" title="Delete">Del</a></td> 
</tr>

是否有可能刪除此TD完全

<td><a data-videoid="110" class="fa fa-trash remove-delete-icon deletevideo ui-link" title="Delete">Del</a></td>

http://jsfiddle.net/cod7ceho/351/

來源

2016-11-25 Pawan

待辦事項你想刪除TD有點擊它的del鏈接？或者你想刪除tr？ –

他在最後一個剪輯中要求的是從字面上刪除刪除按鈕 – NachoDawg

我想刪除帶有del鏈接的td – Pawan

地方$(this).remove();裏面點擊事件刪除鏈接td有刪除鏈接。

請檢查下面的工作片段。

$(document).on("click", ".deletevideo", function(event){ 
 
    var video_id = $(this).data('videoid'); 
 
    var html = $('#videosexistingtable tr[video-id="' + video_id + '"]').prop('outerHTML'); 
 
    console.log(html); 
 
    $(this).remove(); 
 
    event.stopImmediatePropagation(); 
 
    event.preventDefault(); 
 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table class="mytable2 table table-bordered table-hover" id="videosexistingtable"> 
 
    <tbody class="connectedSortable ui-sortable"> 
 
    <tr class="existingvideos"> 
 
     <th>Comp Name</th> 
 
     <th>CEO</th> 
 
     <th>Industry</th> 
 
     <th>Domains</th> 
 
     <th>Action</th> 
 
    </tr> 
 
    <tr class="existingvideos" video-id="110"> 
 
     <td>TCS</td> 
 
     <td>Chandra</td> 
 
     <td> 
 
     <span class="btn btn-sm btn-success btn-circle">IT</span> 
 
     </td> 
 
     <td> 
 
     <i class="fa fa-check">Banking</i> 
 
     </td> 
 
     <td><a data-videoid="110" class="fa fa-trash remove-delete-icon deletevideo" title="Delete">Del</a></td> 
 
    </tr> 
 
    </tbody> 
 
</table>

來源

2016-11-25 09:12:03

非常感謝，此代碼將爲我工作。 – Pawan

這將刪除錨，而不是'td'。但像往常一樣，OP沒有努力去理解代碼，他只是複製/粘貼... –

這是updates。見類.deleteThis。

http://jsfiddle.net/cod7ceho/353/

來源

2016-11-25 09:12:30

你想刪除整個行？（TR），那麼試試這個：

$(document).on("click", ".deletevideo", function(event){ 
 
\t $(this).closest("tr").remove(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table class="mytable2 table table-bordered table-hover" id="videosexistingtable"> 
 
    <tbody class="connectedSortable ui-sortable"> 
 
     <tr class="existingvideos"> 
 
     <th>Comp Name</th> 
 
     <th>CEO</th> 
 
     <th>Industry</th> 
 
     <th>Domains</th> 
 
     <th>Action</th> 
 
     </tr> 
 
     <tr class="existingvideos" video-id="110"> 
 
     <td>TCS</td> 
 
     <td>Chandra</td> 
 
     <td> 
 
      <span class="btn btn-sm btn-success btn-circle">IT</span> 
 
     </td> 
 
     <td> 
 
      <i class="fa fa-check">Banking</i> 
 
     </td> 
 
     <td><a data-videoid="110" class="fa fa-trash remove-delete-icon deletevideo" title="Delete">Del</a></td> 
 
     </tr> 
 
    </tbody> 
 
</table>

如果你只是想刪除的TD-細胞可以改變最接近（「TR」）最接近（「TD」）

來源

2016-11-25 09:12:44

如何從TR上的一個按鈕，點擊刪除TD

回答

相關問題