So ändern und fügen Sie Tabellen in JQuery hinzu

Mit der Entwicklung der Front-End-Entwicklung ist die Verwendung von JQuery zum Bedienen von Seitenelementen zu einer weit verbreiteten Praxis geworden. Unter ihnen sind Tabellenoperationen sehr häufig. In diesem Artikel wird erläutert, wie Sie Tabellen in JQuery ändern und hinzufügen.

1. Ändern Sie die Tabelle

1. Ändern Sie den Tabelleninhalt

In jquery können Sie .table oder übergeben $( Tabelle), um eine Tabelle auszuwählen. Dann können Sie die Methode .find() verwenden, um ein Element in der Tabelle auszuwählen, wie unten gezeigt:

$('table').find('tr:eq(2)').find('td:eq(1)').html('hello');

Der obige Code bedeutet, den Inhalt von Zeile 3 und Spalte 2 in der Tabelle in „Hallo“ zu ändern .

2. Tabellenstil ändern

Sie können den Tabellenstil mit der Methode css() ändern, wie unten gezeigt:

$('table').css('border', '1px solid red');

Tabellenzeilen hinzufügen

$('table').append('<tr><td>hello</td><td>world</td></tr>');

Tabellenspalte hinzufügen

$('tr:eq(2)').append('<td>hello</td>');

Das obige ist der detaillierte Inhalt vonSo ändern und fügen Sie Tabellen in JQuery hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!