Heim > Web-Frontend > js-Tutorial > Verwenden Sie JS, um Funktionen zum Löschen und Neuanordnen von Seiten zu implementieren

Verwenden Sie JS, um Funktionen zum Löschen und Neuanordnen von Seiten zu implementieren

怪我咯
Freigeben: 2017-03-29 15:53:16
Original
1666 Leute haben es durchsucht

Verwenden Sie zunächst den jqury-Selektor, um die markierte Zeile auszuwählen:

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



Anschließend wird ein Bestätigungsfeld angezeigt, in dem Sie bestätigen, ob das Feld gelöscht werden soll . Stellen Sie sicher, dass Sie ein delInd()-Ereignis binden.

Entfernen Sie zuerst die ausgewählte Zeile auf der Seite,

$("#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");
Nach dem Login kopieren



Nach der Neuordnung der verbleibenden Zeilen wird ein jqury-Selektor benötigt, um die Zeilen der Tabelle auszuwählen und eine zirkuläre Zuweisung durchzuführen:

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

Das obige ist der detaillierte Inhalt vonVerwenden Sie JS, um Funktionen zum Löschen und Neuanordnen von Seiten zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage