从表jquery中删除最后一个td

时间:2016-12-31 06:07:45

标签: jquery html-table

我正在使用一个表并在点击jquery上动态创建列(td)。我想删除列作为最后一个td,但是在每个td中还有一个表即将到来,因此我无法删除整个td。

<table width="100%" border="0">
  <tr>
    <td class="myclass">
        <table width="100%" border="0">
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table>
    </td>
    <td class="myclass">
        <table width="100%" border="0">
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table>
    </td>

  </tr>
</table>

我想删除最后一个有班级名字的班级。我试过这样:

$('tr').find('td:last').remove();

但是它从内部表中删除了最后一个td,我想删除整个最后一个具有类myclass的td。

3 个答案:

答案 0 :(得分:1)

尝试:

$('tr').find('td.myclass:last').remove();

答案 1 :(得分:0)

使用班级

获取td
$('tr > td.myClass:last-child').remove();

或者如果你想删除集合中的最后一个

$('td.myClass:last').remove();

答案 2 :(得分:0)

您可以选择具有td

的特定.myclass

$("td.myclass:last").remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table width="100%" border="0">
  <tr>
    <td class="myclass">
        <table width="100%" border="0">
          <tr>
            <td>&nbsp;First</td>
          </tr>
        </table>
    </td>
    <td class="myclass">
        <table width="100%" border="0">
          <tr>
            <td>&nbsp;Last</td>
          </tr>
        </table>
    </td>

  </tr>
</table>