使用jquery删除表htm的td

时间:2016-10-12 13:01:13

标签: javascript jquery html ajax jsp

大家好我有一个问题,我需要删除一个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> ,谢谢

2 个答案:

答案 0 :(得分:0)

这可能对您有帮助,

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

由于页面中的idunique,您可以直接使用id,无需使用.parents()找到。

答案 1 :(得分:0)

尝试这样的事情:

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

您也可以通过将.yourClass置于表格

之后来定义该类