テーブルjqueryの最後のtdを削除します

Question

私はテーブルを使用しており、クリックjqueryでカラム（td）を動的に作成しています。私は最後のtdとして列を削除したいが、各tdではもう1つテーブルが来ているので、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> 

クラス名がmy classである最後のtdを削除します。私はこのようにしてみました：

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

しかし、そのテーブルから最後のtdを削除すると、クラスmyclassを持つ最後のtd全体を削除します。

Answer 1

クラス

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

か、tは、コレクション

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

Answer 2

から最後の1を削除したい場合は、.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>

と特定 tdを選択することができて tdを取得します。

Answer 3

試してみてください。

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