Таблица JQuery slice remove

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 удаляет последние два столбца, которые ожидаются.

Но, если я изменил код: -

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

Основываясь на ваш комментарии, кажется, вы хотите дубликат оригинала, но без последних двух столбцов.

ли это:

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')); 

В коде newTable был ссылка на части клона, который вы нарезанные и удалены. Не основной клонированный стол.

Answer 2

Короткий ответ, потому что вы используете slide(-1) в функции getBody() и slice(-2) в первом вызове JQuery. slice (-2) возвращает 2 столбца, а срез (-1) возвращает только один столбец.

Кроме того, вы не должны вызывать children() несколько раз, вы могли бы просто использовать $element.find('tbody > tr > td');