So verwenden Sie jQuery zum Ändern und Lesen des HTML-Codes eines Elements

Inneres HTML ist ein Attribut, das verwendet wird, um auf den HTML-Inhalt eines Elements zuzugreifen und ihn zu ändern. jQuery hat sich in den letzten Jahren zu einem der beliebtesten Tools zur Implementierung interner Vorlagen in JS entwickelt. In diesem Artikel erfahren Sie, wie Sie mit jQuery den HTML-Code eines Elements ändern und lesen.

Syntax der inneren jQuery-Vorlage (Inner HTML)

Konzeptionell beinhaltet die innere Vorlage (Inner HTML) den Betrieb von DOM (Document Object Model). Es bearbeitet Elemente, indem es das DOM ändert. Das Folgende ist die grundlegende jQuery-Syntax zum Ändern von HTML:

$(selector).html(content)

In der obigen Syntax zeigt der Selektor auf das Element, das geändert werden muss geändert werden. Der Inhalt von HTML wird durch die Inhaltsvariable dargestellt. Der Inhalt kann einfacher Text oder HTML-Code sein. Wenn der übergebene Inhalt eine Funktion ist, ist der Rückgabewert der Funktion der HTML-Inhalt.

Sehen wir uns anhand einiger Beispiele die Verwendung der inneren Vorlage von jQuery (Inner HTML) an.

Beispiel 1:

Im folgenden Beispiel wählen wir das mit „Inhalt“ gekennzeichnete Element aus und setzen seinen neuen HTML-Inhalt auf „

Willkommen auf meiner Website!<.“ ;/h1>":

$("#content").html("

Willkommen auf meiner Website!

");

# 🎜🎜# Beispiel 2:

Im folgenden Beispiel verwenden wir eine JavaScript-Funktion, um den als Inhalt markierten HTML-Inhalt dynamisch zu berechnen:

$("#content").html (Funktion (){

return "Das heutige Datum ist: " + Date();
});

Lesen Sie den Inhalt des Elements (Inner HTML)

# 🎜 🎜#Zusätzlich zum Festlegen des Inhalts des Elements können Sie jQuery auch verwenden, um den Inhalt des Elements (inneres HTML) zu lesen. Das Folgende ist die grundlegende jQuery-Syntax zum Lesen des HTML-Inhalts eines Elements:

$(selector).html()

In dieser Syntax zeigt der Selektor auf das Element das muss gelesen werden. Der Rückgabewert ist der HTML-Inhalt des Elements. Schauen wir uns als Nächstes ein Beispiel an.

Beispiel 3:

Im folgenden Beispiel durchlaufen wir alle als „Liste“ markierten Listenelemente und geben den HTML-Code jedes Elements an die Konsole aus: #🎜🎜 #

$("#list li").each(function(){

console.log($(this).html());

});

# 🎜 🎜#Zusammenfassung

Durch diesen Artikel haben wir gelernt, wie man das innere HTML-Tag von jQuery verwendet, um den HTML-Inhalt eines Elements zu lesen und zu ändern. Wir haben auch gesehen, wie man mithilfe von Funktionen Elementinhalte dynamisch berechnet. Wir hoffen, dass dieser Artikel Ihnen dabei geholfen hat, die internen Vorlagen von jQuery besser zu verstehen und zu lernen, wie Sie damit HTML verarbeiten können.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie jQuery zum Ändern und Lesen des HTML-Codes eines Elements. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!