title: Remove last td from table jquery
body: <p>I am using a table and dynamically creating column (td) on click jquery. I want to remove column as last td, but in each td one more table is coming, hence I can't remove entire td.</p>
  
  <pre><code>&lt;table width="100%" border="0"&gt;
    &lt;tr&gt;
      &lt;td class="myclass"&gt;
          &lt;table width="100%" border="0"&gt;
            &lt;tr&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/td&gt;
      &lt;td class="myclass"&gt;
          &lt;table width="100%" border="0"&gt;
            &lt;tr&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/td&gt;
  
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I want to remove last td having class name my class. I tried like this:</p>
  
  <pre><code>$('tr').find('td:last').remove();
  </code></pre>
  
  <p>But its removing last td from inner table, I want to remove entire last td having class myclass.</p>