刪除jQuery所有表格行中的最後一個和八個表格單元格

Question

我有一張表格，我想要刪除表格中所有行中的八個表格單元格。我不能使用最後，因爲我只有一個單元格的行 - 我想刪除八個表格單元格，如果這些數額。我如何用jQuery來做到這一點？

我開始卸下最後：

$('myTable tr:last').remove(); 

但是這顯然沒有工作 - 因此Im卡住。

<table class="mytable" 
<tbody> 
    <tr> 
    <td class="image"></td> 
    </tr> 
    <tr> 
    <td class="image"></td> 
    <td class="image"></td> 
    <td class="stockinfo"></td> 
    <td class="stockinfo"></td> 
    <td class="priceinfo"></td> 
    <td class="addinfo"></td> 
    <td class="addinfo"></td> 
    <td class="addinfo"></td> <----remove 
    </tr> 
    <tr> 
    <td class="image"></td> 
    <td class="image"></td> 
    <td class="stockinfo"></td> 
    <td class="stockinfo"></td> 
    <td class="priceinfo"></td> 
    <td class="addinfo"></td> 
    <td class="addinfo"></td> 
    <td class="addinfo"></td> <----remove 
    </tr> 
</tbody> 
</table> 

Answer 1

任何的2 的當你想刪除的最後一個元素，可以使用第一， 如果你想刪除特定的編號，從0 1 2 3 ...開始使用第二

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $('.mytable tbody tr').each(function(){ 
      //$(this).find("td:last").remove(); 
      //$(this).find("td").slice(7).remove() 
     }); 
    </script> 

Answer 2

我在評論中發佈了令人尷尬的錯誤答案。將試圖彌補與正確答案在這裏：

$('tr').each(function() { 
 
     $('td:eq(7)',this).remove() 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table class="mytable"> 
 
<tbody> 
 
    <tr> 
 
    <td class="image">DONT REMOVE ME</td> 
 
    </tr> 
 
    <tr> 
 
    <td class="image">X</td> 
 
    <td class="image">X</td> 
 
    <td class="stockinfo">X</td> 
 
    <td class="stockinfo">X</td> 
 
    <td class="priceinfo">X</td> 
 
    <td class="addinfo">X</td> 
 
    <td class="addinfo">X</td> 
 
    <td class="addinfo">REMOVE ME</td> 
 
    </tr> 
 
    <tr> 
 
    <td class="image">X</td> 
 
    <td class="image">X</td> 
 
    <td class="stockinfo">X</td> 
 
    <td class="stockinfo">X</td> 
 
    <td class="priceinfo">X</td> 
 
    <td class="addinfo">X</td> 
 
    <td class="addinfo">X</td> 
 
    <td class="addinfo">REMOVE ME</td> 
 
    </tr> 
 
</table>

Answer 3

如果你的目的是要刪除第8列（不管是什麼），你可以使用:nth-child()

$('.mytable tr td:nth-child(8)').remove(); 

但是，如果您嘗試刪除最後一列（即使它恰好是第8列），仍然可以使用:last將其刪除。

$('.mytable tr').each(function() 
{ 
    if($(this).find('td').length > 1) 
     $(this).find('td:last').remove(); 
});