Exemple d'implémentation de jQuery pour supprimer les lignes d'un tableau HTML en cliquant sur row_jquery

jQuery est devenu l'un des frameworks JavaScript les plus utilisés et préférés de tous les temps. Non seulement cela réduit la simple surcharge technique liée au codage en JavaScript, mais cela rend également votre code compatible avec tous les navigateurs. J'ai écrit de nombreux tutoriels sur jQuery, et à cette époque, j'ai également utilisé cette simple implémentation pure. La tâche consiste à utiliser des effets géniaux d'un tableau HTML en cliquant simplement sur la ligne de la ligne. Vous trouverez ci-dessous le code jQuery pour y parvenir.

$(document).ready(function() {
$("#sample tr").click(function() {
//change the background color to red before removing
$(this).css("background-color","#FF3700"); 
$(this).fadeOut(400, function(){ 
$(this).remove();
});
});
});

Dans le code ci-dessus, nous avons attaché des gestionnaires pour tous les "TR" dans la table "#example". En cliquant dessus, nous modifions d'abord l'arrière-plan de la ligne, puis nous le fondons et le supprimons. C'est une tâche simple.