Holen Sie sich und setzen Sie den inneren Text von HTML -Elementen in JQuery

Manipulieren Dokumentobjektmodell (DOM) ist eines der wichtigsten Merkmale von JQuery. JQuery enthält verschiedene DOM-bezogene Methoden, die das Erhalten und Festlegen des inneren Textes von HTML-Elementen zum Kinderspiel machen. html (), Text(), Und val () sind einige nützliche Methoden, die unter die angegebene Kategorie eingehen. Diese Methoden werden als Getter bezeichnet, wenn keine Argumente hinzugefügt werden und sie den inneren Text oder den Wert der HTML -Elemente erhalten. Wenn Sie als Argument einen Wert hinzugefügt haben, verhalten sich diese Methoden als Setter -Methoden.

In dieser Beschreibung wird das Verfahren diskutiert, um zu erhalten Und Setzen Sie den inneren Text von HTML -Elemente In JQuery. Darüber hinaus werden die Beispiele in Bezug auf HTML (), Text () und Val () zum Abrufen und Festlegen von HTML -Elementen innerer Text bereitgestellt. So lass uns anfangen!

Holen Sie sich den inneren Text der HTML -Elemente in JQuery mithilfe der HTML ()

Die JavaScript -HTML () -Methode wird verwendet, um die InnerHTML oder den Inhalt der HTML -Elemente in JQuery zu erhalten und festzulegen. Diese Methode gibt den Inhalt des ersten übereinstimmenden HTML -Elements zurück, wenn Sie ihn verwenden, um den inneren Text zu erhalten. Während des Einstellens des inneren Textes überschreibt er den Inhalt aller HTML -Elemente, die übereinstimmen werden.

Syntax der HTML () -Methode

Um den inneren Text von HTML -Elementen zu erhalten:

$ (Selektor).html ()

Um den inneren Text von HTML -Elementen zu erhalten und zu setzen:

$ (Selektor).HTML (Wert)

Um einen inneren Text von HTML -Elementen durch Verwendung einer Funktion zu erhalten und festzulegen:

$ (Selektor).HTML (Funktion (Index, Stromwert)))

In der oben gegebenen Syntax, “Wert"Ist der Inhalt, den Sie als modifizierter innerer Text von HTML -Elementen hinzufügen möchten"Index”Wird hinzugefügt, um die Indexposition im HTML -Element -Set zu schließlich im Set zurückzugebenaktueller Wert”Wird hinzugefügt, um den aktuellen inneren Text eines bestimmten HTML -Elements abzurufen.

Beispiel: Get und festlegen, den inneren Text von HTML -Elementen in jQuery () mithilfe der HTML () -Methode einstellen

Im folgenden Beispiel werden wir den inneren Text aller Absätze ändern, die als HTML-Elemente mit dem hinzugefügt werden

Schild. Dazu schreiben wir den folgenden Code in unseren “Index.html" Datei:

Ändern Sie den Inhalt von P -Elementen

Dies ist der erste Absatz.

Dies ist der zweite Absatz.

Um HTML -Elemente in JQuery zu manipulieren, müssen wir den gewünschten Code in den Körper des Körpers schreiben $ (Dokument).bereit() Methode in einer JavaScript -Datei. Hier werden wir das auf der “angebenklicken"Ereignis unserer"Taste", Der Dolmetscher wählt das alles aus"PElemente und setzen Sie ihren Inhalt auf die in der angegebene Zeichenfolge festhtml ()" Methode:

$ (Dokument).Ready (function ()
$ ("Button").klicken (function ()
$ ("P").html ("das ist LinuxHint.com");
);
);

Nachdem wir den angegebenen Code in beiden Dateien gespeichert haben, werden wir öffnen. “Index.html"Mit Hilfe von vs Code"Leberserver”:

Jetzt klicken wir auf die “Ändern Sie den Inhalt von P -ElementenTaste, die in der Ausgabe hervorgehoben wird:

Diese Aktion erhält alle HTML -Absatzelemente und setzt ihren inneren Text wie folgt fest:

Holen Sie sich den inneren Text der HTML -Elemente mithilfe der text () -Methode ab und setzen Sie den inneren Text

Sowohl text () als auch html () -Methoden werden in JQuery verwendet, um die HTML -Elemente des inneren Textes zu erhalten und festzulegen. Wenn Sie jedoch das verwenden Text() Methode zum Erhalten von Inhalten von HTML -Elementen entfernt das HTML -Markup, nachdem Sie die übereinstimmenden Elemente abgerufen haben. Wenn Sie also Text, Text und das HTML -Markup der Elemente gleichzeitig festlegen möchten, gehen Sie für die Ausführung der HTML () -Methode. Andernfalls haben Sie mit der text () -Methode Sie abgedeckt.

Syntax von Text () Methode

Um den Inhalt von HTML -Elementen zu erhalten:

$ (Selektor).Text()

Inhalte von HTML -Elementen zu erhalten und festzulegen:

$ (Selektor).Text (Wert)

Um Inhalte von HTML -Elementen mithilfe einer Funktion zu erhalten und festzulegen:

$ (Selektor).Text (Funktion (Index, CurrentValue))

Hier, "Wert"Ist der Inhalt, den Sie als Text von HTML -Elementen festlegen möchten"Index”Wird hinzugefügt, um die Indexposition im HTML -Element -Set zu schließlich im Set zurückzugebenaktueller Wert”Wird hinzugefügt, um den aktuellen Inhalt eines bestimmten HTML -Elements abzurufen.

Beispiel: Holen Sie sich den inneren Text der HTML -Elemente mithilfe der Text () -Methode ab und setzen Sie sie fest

Jetzt werden wir das vorherige angegebene Beispiel mit Hilfe von “ausführenText()"Methode zum Erhalten und Festlegen des Textes aller"P”HTML -Elemente. Hier ist der Code, den wir in der "hinzugefügt haben"Index.html" Datei:

Ändern Sie den Inhalt von P -Elementen

Dies ist der erste Absatz.

Dies ist der zweite Absatz.

In unserer "Mein Projekt.JS"Datei, wir werden die" aufrufen "Text()”Methode, um den inneren Text aller Absatzelemente auf“ festzulegen “Dies ist LinuxHint.com”:

$ (Dokument).Ready (function ()
$ ("Button").klicken (function ()
$ ("P").Text ("Dies ist LinuxHint.com ");
);
);

Klicken Sie auf die “Inhalte festlegenDie Schaltfläche ändert den Text der hinzugefügten Absatzelemente zu “Dies ist LinuxHint.com”:

Get und setzen Sie den inneren Text der HTML

Wenn Sie HTML -Formularelemente in Ihrer Anwendung hinzufügen, können Sie die “verwendenval ()Methode zum Abnehmen und Festlegen des Attributwerts der angegebenen HTML -Elemente. Es gibt das Attribut des ersten übereinstimmenden HTML -Elements zurück, wenn es aufgerufen wird.

Syntax von Val () Methode

Um den Attributwert von HTML -Elementen zu erhalten:

$ (Selektor).val ()

Um den Attributwert von HTML -Elementen zu erhalten und festzulegen:

$ (Selektor).Val (Wert)

Um den Attributwert von HTML -Elementen durch Verwendung einer Funktion zu erhalten und festzulegen:

$ (Selektor).Val (Funktion (Index, StromValue))

In der oben gegebenen Syntax, “WertIst der angegebene Wert, den Sie für ein Attribut des HTML -Elements ändern möchten, “Index”Wird hinzugefügt, um die Indexposition im HTML -Element -Set zu schließlich im Set zurückzugebenaktueller Wert”Wird hinzugefügt, um den aktuellen Attributwert des ausgewählten HTML -Elements abzurufen.

Beispiel: Holen Sie sich den inneren Text von HTML -Elementen in JQuery mit Val () -Methode ab und setzen Sie es

Das untergegebene Beispiel ändert den Attributwert der “Eingabefeld"Das wird in unserem" hinzugefügt "Index.html" Datei:

Name:

Setzen Sie den Wert

Zu diesem Zweck werden wir das nutzen “Mein Projekt.JS"Datei, um den Wert auf" festzulegen "Dies ist LinuxHint.com”Mithilfe der Val () -Methode:

$ (Dokument).Ready (function ()
$ ("Button").klicken (function ()
$ ("Eingabe: Text").Val ("Dies ist LinuxHint.com ");
);
);

Wir klicken auf die “Setzen Sie den WertSchaltfläche und die Zeichenfolge "Dies ist LinuxHint.com”Wird im Eingangsfeld eingestellt:

Die oben gegebene Ausgabe erklärt, dass wir den Wert des hinzugefügten Eingangsfeldes erfolgreich festgelegt haben.

Abschluss

Die HTML (), text () und Val () sind die nützlichsten Methoden, mit denen der innere Text von HTML -Elementen in JQuery abgerufen und festgelegt werden kann. text () Methode wird den Inhalt von HTML -Elementen abgerufen und festle. Sie können auch die VAL () HTML -Methode zum Ändern von Attributwerten aufrufen. In diesem Artikel wurden die Methoden zum Erhalten und Festlegen des inneren Textes von HTML-Elementen in JQuery erörtert, indem geeignete Beispiele angegeben werden.