2016-12-31 110 views
0

我正在使用一个表并动态创建列(td)在点击jquery上。我想删除列作为最后一个TD,但在每个TD另外一个表来了,因此我不能删除整个td。从表jquery删除最后一个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最后一次。

+0

你为什么做这个可怕的事情吗?嵌套桌子?当然,有一种更好,更清洁的方式来做你正在做的事情。 –

回答

0

获取td与类

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

,或者如果你想牛逼从集合

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

我不会帮助他进一步走下去。他的结构有问题。 –

+0

@GaryHayes:_但是它从内部表中删除最后一个td。我想删除最后一个具有类myclass_的td - 上面的代码将删除类的最后一个td –

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>

1

尝试:

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