Question

让我们说我有一个非常简单的表：

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

如何遍历表并删除“TextSecond”。该表可以是任意数量的行或单元格。

Answer 1

在你发布的例子中，你至少有两个我能想到的选择：

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

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

Answer 3

    //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);
        }
    }

Answer 4

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

JavaScript：如何遍历表并删除Javascript中的第二个单元格

4 个答案: