Maison  >  Article  >  interface Web  >  Utilisez JS pour implémenter les fonctions de suppression et de réorganisation de pages

Utilisez JS pour implémenter les fonctions de suppression et de réorganisation de pages

怪我咯
怪我咯original
2017-03-29 15:53:161654parcourir

Tout d'abord, utilisez le sélecteur jqury pour sélectionner la ligne cochée :

var cks = $("#indicator_table").find("input[type='checkbox']:checked");



Ensuite, une boîte de confirmation apparaîtra pour confirmer si la case doit être supprimée. . Assurez-vous de lier un événement delInd() ;

Supprimez d'abord ou html (" ") la ligne sélectionnée sur la page,

$("#indicator_table").find("input[type='checkbox']:checked").each(function(i, o){
// 获取checkbox所在行的顺序 
n = $(this).parents("tr").index();
$("#indicator_table").find("tr:eq(" + n + ")").remove();
});
$("#deleteModal").modal("hide");



Après avoir réorganisé les lignes restantes, le sélecteur jqury est nécessaire pour sélectionner les lignes du tableau et effectuer une affectation circulaire :

$("#indicator_table").find("tr").each(function(i){
$(this).find("td").eq(10).find("a").text(i+1);
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn