JQuery ile html tablodan satır silmenin en basit metodu:
Aşağıdaki gibi bir tablonuz olduğunu varsayalım.
| Ad | Soyad | |
|---|---|---|
| Recep | Güzel | |
| Ali | Veli |
Tabloyu cshtml üzerinde yaratırken Modelden gelen bir listeyi kullanalım:
<table id="MusteriListe" border="1">
<thead>
<tr>
<th>
Ad
</th>
<th>
SoyAd
</th>
<th>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
@item.Ad
</td>
<td>
@item.Soyad
</td>
<td>
<img id="imgDelete" alt="Remove" src="/Content/images/remove.png" onclick="deleteRecord(this);" />
</td>
</tr>
</tbody>
</table>
imajımızın onClick eventine deleteRecord(this) diyerek deleteRecord fonksiyonuna img nesnesini gönderiyoruz.
deleteRecord Fonksiyonunu da aşağıdaki gibi yaratıyoruz:
function deleteRecord(x)
{
$(x).parent().parent().remove();
//delete nesnesinin(<img>) parenti TD, onun da parent i TR dir. soldaki kod ilgili satırı(TR) siler.
}
ve satırımızı başarıyla silmiş bulunuyoruz 🙂
