Zusammenfassung der jQuery-Methoden zum dynamischen Hinzufügen von Zeilen zu HTML-Tabellen-js-Tutorial-php.cn

Zusammenfassung der jQuery-Methoden zum dynamischen Hinzufügen von Zeilen zu HTML-Tabellen

php中世界最好的语言

Freigeben： 2018-04-24 09:52:46

Original

3968 Leute haben es durchsucht

Dieses Mal werde ich Ihnen eine Zusammenfassung der Methoden von jQuery zum dynamischen Hinzufügen von Zeilen zu HTML-Tabellen geben. Was sind die Vorsichtsmaßnahmen für das dynamische Hinzufügen von Zeilen? HTML-Tabellen mit jQuery? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Das Beispiel in diesem Artikel beschreibt die jQuery-Methode zum dynamischen Hinzufügen neuer Zeilen zu einer HTML-Tabelle. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Add Row example</title>
<script src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
<!-- jQuery Code will go underneath this -->
$(document).ready(function () {  
 // Code between here will only run when the document is ready
 $("a[name=addRow]").click(function() {
  // Code between here will only run 
  //when the a link is clicked and has a name of addRow
  $("table#myTable tr:last").after('<tr><td>Row 4</td></tr>');
  return false;
 });
});
</script>
</head>
<body>
<table style="width: 100%" id="myTable">
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>
<tr><td>Row 3</td></tr>
</table>
<a href="#" name="addRow">Add Row</a>
</body>
</html>

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Die grep()-Methode implementiert die Array-Filterung

Detaillierte Erklärung der JQuery-Analyse der JSON-String-JSON-Array-Schritte (Code beigefügt)

jquerys Methode grep() implementiert Array-Filterung

Das obige ist der detaillierte Inhalt vonZusammenfassung der jQuery-Methoden zum dynamischen Hinzufügen von Zeilen zu HTML-Tabellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!