Über jQuery, das die Kopier-, Lösch- und Berechnungsfunktionen der HTML-Tabellenzeile Tr realisiert

In diesem Artikel wird hauptsächlich die jQuery-Implementierung der HTML-Tabellenzeilen-Tr-Funktionen vorgestellt. Dabei geht es um das gemeinsame Kopieren, Hinzufügen, Löschen und Berechnen der Anzahl der Zeilen in der Tabelle Ich hoffe, ich kann allen helfen.

Das Beispiel in diesem Artikel beschreibt, wie jQuery die Kopier-, Lösch- und Berechnungsfunktionen der HTML-Tabellenzeile Tr implementiert. Teilen Sie es wie folgt als Referenz mit allen:

Zeile hinzufügen:

function addtr(){
   var tr = $("#tb tr").eq(0).clone();
   tr.appendTo("#tb");
   //tr.insertBefore("#tb tr:last");
}

<table id="tb">
  <tr>  </tr>  // tr 的下标从 0 开始
   <tr> </tr>
</table>

Zeile löschen:

index Der Index des zu löschenden trs in der Tabelle

$("#tb_id tr").eq(index).remove();

Berechnen Sie die Anzahl der tr in der Tabelle:

("#tb tr").length

Verwandte Empfehlungen:

jQuery ruft das td-Tag in der Tabelle ab

So zählen Sie die Anzahl der Tabellensummen im Bootstrap

JQuery-Plug-in DataTables-Paging-Entwicklungstechnologie-Sharing

Das obige ist der detaillierte Inhalt vonÜber jQuery, das die Kopier-, Lösch- und Berechnungsfunktionen der HTML-Tabellenzeile Tr realisiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!