Question

如何使用MVC4删除表中的td单元？

我可以使用JQuery还是JavaScript？如果是这样，怎么样？

<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>

Answer 1

要删除TD项目，您应该确切地知道要删除的内容。

删除所有TD项目

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

删除指定行的TD

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

在指定的行和列

中删除TD

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

Answer 2

使用td删除所需位置的子eq()。在选择器中使用正确的id和class以获得预期结果。

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

如何删除表中的td

2 个答案: