Как удалить td в таблице

Question

Как удалить ячейку 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> 

Answer 1

Чтобы удалить элемент TD, вы должны точно знать, что именно вы хотите удалить.

1. Убрать все TD предмета

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

2. Удалить TD в указанной строке

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

3. Удалить TD в указанной строке и столбце

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

Answer 2

Удалить ребенок td из позиции, которую вы хотите использовать eq(). Используйте правильный идентификатор и класс в селекторе для ожидаемого результата.

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