Come rimuovere td in table

Question

Come posso rimuovere una cella td in una tabella con MVC4?

Posso utilizzare JQuery o JavaScript? E se sì, come?

<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

Per rimuovere l'elemento TD, è necessario sapere esattamente cosa si desidera rimuovere.

1. Rimuovi tutto elemento TD

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

2. Rimuovere TD alla riga specificata

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

3. Rimuovere TD in riga e colonna specificati

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

Answer 2

Rimuovere bambino td della posizione che si desidera utilizzare eq(). Utilizzare id e classe appropriati nel selettore per il risultato previsto.

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