Jak usunąć td z tabeli

Question

Jak usunąć komórkę td w tabeli z MVC4?

Czy mogę użyć JQuery lub JavaScript? A jeśli tak, to w jaki sposób?

<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

Aby usunąć element TD, powinieneś dokładnie wiedzieć, co chcesz usunąć.

1. Usuń wszystkie rzecz TD

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

2. Usuń TD w podanym wierszu

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

3. Usuń TD w określonym wierszu i kolumnie

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

Answer 2

Usunąć dziecko td od żądanej pozycji przy użyciu eq(). Użyj odpowiedniego id i klasy w selektorze dla oczekiwanego wyniku.

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