Suppression d'une ligne d'un tableau
Bonjour à tous,
Je ne pratique pas le javascript, néanmoins j'essai quand même quelques petites bidouilles en attendant de m'y mettre vraiment :mouarf:
Voilà j'ai un simple tableau html et je veux lui ajouter et supprimer des lignes. J'arrive a ajouter des lignes sans problème, mais je bloque avec la fonction removeClass(). J'utilise jQuery. Autre petite informations il existe une ligne de base dans mon tableau.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
| <script>
var nbligne = 1;
function nouvelleligne(nbligne) {
return '<tr class="ligne'+nbligne+'">'+
'<td>'+nbligne+'</td>'+
'<td><input type="text" name="nom[]" /></td>'+
'<td><input type="text" name="prenom[]" /></td>'+
'<td>'+
'<select>'+
'<option value="1">Adulte</option>'+
'<option value="2">Enfant</option>'+
'<option value="3">Bébé</option>'+
'</select>'+
'</td>'+
'<td>'+
'<select>'+
'<option value="1">Vélo</option>'+
'<option value="2">Cavalier</option>'+
'<option value="3">Randonneur</option>'+
'</select>'+
'</td>'+
'<td><a style="cursor: pointer" onclick="supprimerligne($(this));" id="deleteAfter"></a></td>'+
'</tr>';
}
$("#insertAfter").click(function () {
nbligne ++;
$(nouvelleligne(nbligne)).insertBefore('.debut_table');
});
function supprimerligne(ligne) {
$("tr").removeClass("ligne"+ligne);
}
</script> |
J'espère pouvoir trouver de l'aide ici ;)
Merci et bon weekend prolongé à tous :D