从表 jquery 中删除最后一个 td



我正在使用一个表并在单击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>

我想删除最后一个具有类名我的类的 td。我试过这样:

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

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

尝试:

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

您可以使用.myclass选择特定的td

$("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>

与类一起td

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

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

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

最新更新