如何在表格中删除td。

Question

如何使用MVC4中的JQuery或JavaScript删除表格中的td单元格？

<table class="table table-striped table-bordered table-hover" id="tblParticipantList">
    <thead>
        <tr>
            <th>Name</th>
            <th>Adress</th>
            <th>Redeem Code</th>
        </tr>
    </thead>
    <tbody>
        <tr data-id="columnId" id="customerPartial_94">
            <td data-field="NAME">Attn Donna</td>
            <td data-field="ADDRESS">3046 Lavon Drive Newyork America 7504</td>
            <td data-field="SECURITY_REDEMPTION_CD"></td>
        </tr>
        <tr data-id="columnId" id="customerPartial_95">
            <td data-field="NAME">F 1 La 1</td>
            <td data-field="ADDRESS">Asd 1 s 1 Ci 1 s</td>
            <td data-field="SECURITY_REDEMPTION_CD"></td>
        </tr>
    </tbody>
</table>

- Lam Son

---

如果可能的话，请使用ASP.net在服务器端完成此操作，除非该列稍后将被显示。 - Jon P

Answer 1

要删除TD项，您需要确切地知道要删除的TD是哪一个。

1. 删除所有TD项目

$('#tblParticipantList > tr > td').remove();

删除指定行中的TD

$('#tblParticipantList > tr').eq(rowNum).children('td').remove();

删除指定行和列的TD

$('#tblParticipantList > tr').eq(rowNum).children('td').eq(colNum).remove();

- Luc

---

@NullPoiиteя，没错...而且感谢您的编辑。 - Luc

Answer 2

使用eq()，针对所需结果在选择器中使用适当的ID和类，删除您想要的位置的子节点td。

$('.table-striped tr').each(function(){
    $(this).children('td').eq(3).remove();
});

- rrk