如何从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

回答

相关问题