Mam tabelijquery usunąć wiersz tabeli
<table id="favoriteFoodTable">
<th>
Food Name:
</th>
<th>
Restaurant Name:
</th>
<th>
</th>
<?php while ($row = $foods->fetch()) {
?>
<tr>
<td>
<?php echo $row['foodName']; ?>
</td>
<td>
<?php echo $row['restaurantName']; ?>
</td>
<td>
<a class="deleteLink" href="" >delete</a>
</td>
</tr>
<?php } ?>
</table>
używam tej funkcji jquery tak, gdy użytkownik kliknie przycisk Delete, tło wiersza zmieni i rząd następnie usunie
$(document).ready(function() {
$("#favoriteFoodTable .deleteLink").on("click",function() {
var td = $(this).parent();
var tr = td.parent();
//change the background color to red before removing
tr.css("background-color","#FF3700");
tr.fadeOut(400, function(){
tr.remove();
});
});
});
tylko tło się zmienia, ale wiersz nie jest usunięty, dlaczego? jak rozwiązać?
Oto miły artykuł http://codepedia.info/2015/02/remove-table-row-tr -in-jquery/jak usunąć tabelę nawet dla dynamicznie dodanego tr –