的JavaScript：如何通過表迭代並刪除第二個細胞在Javascript

Question

比方說，我有一個非常簡單的表：

<table> 
    <tr> 
     <td>TextFirst</td> 
     <td>TextSecond</td> 
    </tr> 
</table> 

我如何遍歷表，並刪除「TextSecond」。該表可以是任意數量的行或單元格。

Answer 1

$("table td:nth-child(2)").remove() 

Answer 2

在您發佈的例子中，你已經，至少兩個選擇，我能想到的：

$('td:nth-child(2)').remove(); 

或者：

$('tr td:eq(1)').remove(); // zero-based index, thanks @ZDYN for the catch 

或者，在普通的JavaScript：

var removeThis = document.getElementsByTagName('td')[1]; 
removeThis.parentNode.removeChild(removeThis); 

JS Fiddle demo。

Answer 3

您可以使用nth-child ...： $('table :nth-child(2)').remove(); JSFIDDLE

Answer 4

//var table = document.getElementById("?"); 
    for (i=0; i < table.rows.length; i++) 
    { 
     if (table.rows[i].cells.length > 1) 
      table.rows[i].cells[1].removeNode(true); 
    } 

，或者如果你想刪除基於某些條件的細胞。只是因爲

//var table = document.getElementById("?"); 
    for (i=0; i < table.rows.length; i++) 
    { 
     for (j = table.rows[i].cells.length - 1; j >= 0; j--) 
     { 
      if (table.rows[i].cells[j].innerHTML == 'TextSecond') 
       table.rows[i].cells[j].removeNode(true); 
     } 
    }