用jquery删除表html的td答案

【问题标题】：Delete td of table htm with jquery用jquery删除表html的td
【发布时间】：2017-02-21 07:06:01
【问题描述】：

大家好，我有一个问题，我需要删除表的 td，td 有一个 id，我尝试使用 remove()，但不起作用这是我在 js 中的代码

$('.btnEliminarLicencia').off('click');

    $('.btnEliminarLicencia').on('click', function () {
         $(this).parent().parent().remove();

            var rlim=$('.btnEliminarRemoto').parent().parent().remove('#idLicenciaClienteR');
       alert (rlim);        

    });

我有两个表，在第一个使用 btnEliminarLicencia 单击删除表的 tr 并在第二个表中删除 td 表的第一个 td 是什么，这是代码，我需要删除第一个表和一个特定的 td

第一张桌子

<table class="table table-bordered tabla_licencia">
<thead>
    <tr>
        <th>Sucursal</th>
        <th>Codigo (ID cliente)</th>
        <th>Licencia</th>
        <th>Caducidad</th>
        <th>Estado</th>
        <th style="width: 15%;"></th>
    </tr>
</thead>
<tbody>
    <tr>
       <td data-id="318">13123</td>
       <td id="id_Cliente">18865082</td>         
       <td>482947</td>
       <td>2016-11-04</td>
       <td>
            <input type="checkbox" class="form-control" checked="" disabled="">
       </td>
       <td>
            <button type="button" class="btn btn-info btnEditLicencia" style="float:right;">
                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
            </button>
           <button type="button" class="btn btn-danger btnEliminarLicencia" style="float:left;">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
            </button>
        </td>
    </tr>
</tbody>

第二张桌子

<table class="table table-bordered tabla_remoto">
<thead>
    <tr>
        <th>Licencia</th>
        <th>Descripcion</th>
        <th>Usuario</th>
        <th>Clave</th>
        <th style="width: 15%;"></th>
    </tr>
</thead>
<tbody> 
    <tr>
        <td id="idLicenciaClienteR">18865082</td>
        <td>Caja</td>
        <td>883792</td>
        <td>nim3</td>      
        <td>
            <button type="button" class="btn btn-info btnEditRemoto" style="float:right;">
                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
            </button>
            <button type="button" class="btn btn-danger btnEliminarRemoto" style="float:left;">
                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
            </button>
        </td>
    </tr>
</tbody>

在这种情况下删除<td id='idLicenciaClienteR'>189992887</td>可能会这样做，谢谢

【问题讨论】：

只要使用$('#idLicenciaClienteR').remove()
你能否再添加一些HTML，用你的按钮。这样我们就可以找到HTMl结构的层次结构。在您的代码中，parents() 令人困惑。
@Satpal 可能会删除必须删除的内容，也可以在视觉上删除
@Samir 是的，这是完整的表“remoto”是第二个表，给我第二个

标签： javascript jquery html ajax jsp

【解决方案1】：

试试这样的：

$('table td#id_Cliente').remove();

您也可以通过将.yourClass 放在表格后面来定义类

【讨论】：

【解决方案2】：

这可能对你有帮助，

$('.btnEliminarLicencia').on('click', function () {
     $('td#idLicenciaClienteR').remove();      
});

由于id在一个页面中是unique，你可以直接使用id，不需要用.parents()查找。

【讨论】：

另一个查询，可能会删除，只有 td 的内容