jquery: पहले दो बच्चों को हटा दें?

Question

मेरे पास #mainmenu के अंदर तीन टीडी है।

<table cellpadding="0" cellspacing="5" id="mainmenu"> 
    <tbody> 
     <tr> 
      <td valign="top" class="menu_sub"> 
       something 
      </td> 
      <td valign="top" class="menu_sub"> 
       something 
      </td> 
      <td valign="top" class="menu_sub"> 
       something 
      </td> 
     </tr> 
    </tbody> 
</table> 

मैं अपने टेबल के पहले दो टीडी के अंदर निकालना चाहते हैं, मैं कैसे कर सकता है?

$('#mainmenu td').remove(); 

Answer 1

उपयोग less than selector। Here एक jsfiddle

$('#mainmenu td:lt(2)').remove(); 

Answer 2

http://api.jquery.com/first-selector/

$('#mainmenu td:first').remove(); 
$('#mainmenu td:first').remove();