テーブルJQueryスライスを削除

Question

私は実際に動作と混同しています。これについて何か助けていただければ幸いです。私はシンプルなテーブルを持っており、同じJQuery呼び出しを使用していても動作が異なります。

<table class="PrintTable"> 
    <tr> 
     <td> 
     <table> 
      <thead> 
       <tr><th>Type Of Transaction</th></tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>Name</td> 
       </tr> 
       <tr> 
        <td>Age</td> 
       </tr> 
      </tbody> 
     </table> 
     </td> 
     <td> 
     <table> 
      <thead> 
       <tr><th>2006</th></tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>Andi</td> 
       </tr> 
       <tr> 
        <td>25</td> 
       </tr> 
      </tbody> 
     </table> 
     </td> 
     <td> 
     <table> 
      <thead> 
       <tr><th>2007</th></tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>tom</td> 
       </tr> 
       <tr> 
        <td>26</td> 
       </tr> 
      </tbody> 
     </table> 
     </td> 
    </tr> 
</table><script>$('table.PrintTable >tbody>tr>td').slice(-2).remove();</script> 

上記のJQueryは、最後の2つの列を削除します。

function getBody(element) 
    { 
     var divider=2; 
     var originalTable=element.clone(); 
     var newTable = ($(originalTable).children('tbody').children('tr').children('td')).slice(-1).remove(); 
     return $('<div>').append(newTable).html(); 
    } 

getBoby($('table.PrintTable')) 

上記のコードは唯一の最後の列を表示する - ：私は、コードを変更した場合

しかし、。それはなぜそうですか？私は私の問題を適切に言及することができます。どんな助けにもなります

Answer 1

をベースに使用することができ、children()を複数回呼び出す必要はありません、あなたが元の複製をしたいようだが、最後の2つの列なし。 newTableあなたはスライスして削除クローンの部分を参照して、あなたのコードで

function getBody(element) { 
    var divider=2; 
    var newTable = element.clone(); 
    newTable.children('tbody').children('tr').children('td').slice(-2).remove(); 
    return $('<div>').append(newTable).html(); 
} 

getBody($('table.PrintTable')); 

：

はこれを行います。メインの複製テーブルではありません。

Answer 2

getBody()ファンクションでslide(-1)を使用し、最初のjQueryコールでslice(-2)を使用しているため、短い答えがあります。 slice（-2）は2列を返し、slice（-1）は1列だけを返します。

また、あなたはちょうどあなたのコメントに$element.find('tbody > tr > td');