J'ai des images dans des tableaux séparés avec le bouton Supprimer et je voudrais supprimer la table dont le bouton de suppression a été cliqué.jQuery: supprimer la table parent entière
J'ai essayé $(this).closest("table").remove()
et $(this).parents("table").remove()
mais sans succès. Rien ne se passe.
Voici le HTML:
<table class='".($i % 2 ? "tbl_img_light" : "tbl_img_grey").">
<tr>
<th rowspan='2'>Image here</th>
<td>Description here
</tr>
<tr>
<td><button class='ad_del_img' value='$filename'>Delete</button></td>
</tr>
</table>
Il pourrait sembler malpropre, il a sorti de mes boucles PHP
and JS:
$(".ad_del_img").click(function() {
var file = $(this).val();
dataString = "file="+file;
//$(this).closest("table").remove();
$.ajax({
type: "POST",
url: 'controlUI/bin/delete_image.php',
dataType : 'json',
data: dataString,
success: function(data)
{
alert("Success");
$(this).closest("table").remove();
},
error: function(XMLHttpRequest, textStatus, errorThrown)
{
alert("Error");
}
});
return false;
});
vous n'avez posté aucun de vos JS. il y a certainement quelque chose de mal avec votre js, parce que cela fonctionne: http://jsbin.com/odole3/edit –
Quel navigateur? Si FF, vérifiez la console d'erreur pour les messages. – Emyr
a découvert le problème il ya juste une seconde, et oui, il était avec mon js: P apparemment $ (cela) ne fonctionne pas si bien dans l'appel ajax, mais j'ai fait un travail autour. Merci quand même. – Seerumi