如何删除表中的td

Lam*_*Son 5 html javascript jquery html5 asp.net-mvc-4

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

我可以使用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>
Run Code Online (Sandbox Code Playgroud)

Luc*_*Luc 8

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

  1. 删除所有TD项目

    $('#tblParticipantList > tr > td').remove();
    
    Run Code Online (Sandbox Code Playgroud)
  2. 删除指定行的TD

    $('#tblParticipantList > tr').eq(rowNum).children('td').remove();
    
    Run Code Online (Sandbox Code Playgroud)
  3. 在指定的行和列处删除TD

    $('#tblParticipantList > tr').eq(rowNum).children('td').eq(colNum).remove();
    
    Run Code Online (Sandbox Code Playgroud)