2015-11-23 21 views
-1

我有一张表格,我想要删除表格中所有行中的八个表格单元格。我不能使用最后,因为我只有一个单元格的行 - 我想删除八个表格单元格,如果这些数额。我如何用jQuery来做到这一点?删除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> 
+0

这对第一个表行,如果我改变它为8 - 如何让它重复槽所有行? – user3344734

回答

0

任何的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> 
0

我在评论中发布了令人尴尬的错误答案。将试图弥补与正确答案在这里:

$('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>

0

如果你的目的是要删除第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(); 
}); 
相关问题