Heim >Web-Frontend >js-Tutorial >JQuery Holen Sie sich HTML einschließlich Element -Tag

JQuery Holen Sie sich HTML einschließlich Element -Tag

Joseph Gordon-Levitt
Joseph Gordon-LevittOriginal
2025-02-27 09:00:24531Durchsuche

jQuery Get html Including Element Tag

Wenn Sie AJAX -Funktionen stark verwenden, kann es hilfreich sein, HTML -Code für Elemente zu erhalten, die Tags enthalten. Ich glaube, es muss einen einfacheren Weg geben, als ein Element in die Wrapper zu klonen und dann JQuery zu verwenden, um den Wrapper HTML mit dem Element -Tag HTML zu erhalten. Bevor ich einen besseren (effizienteren) Ansatz finde, finden Sie hier einen Codeausschnitt.

<code class="language-javascript">.clone().wrap('').parent().html();</code>

Einige andere Methoden (aus Post -Kommentaren, danke):

// nicht sicher, wie tragbar es auf verschiedenen Browsern ist $ ('#foo') [0] .outerhtml;

var foo = $ ('#bar');

var foo = $ ('H1');

console.log (foo); // Ausgabe: JQuery (H1) console.dir (foo [0]); // Ausgabe: DOM -Elementattribute und Funktionen

console.log (foo [0] ['äußerehtml']); // Ausgabe: Titel

Über JQuery Get FAQ (FAQ) für HTML -Code, der Element -Tags enthält

Was ist die .html () -Methode von JQuery? Wie funktioniert es? Die .html () -Methode von JQuery ist eine integrierte Funktion in JQuery, die den HTML-Inhalt des ersten Elements im Matching-Element-Satz erhält oder den HTML-Inhalt jedes übereinstimmenden Elements festlegt. Es kann HTML -Inhalte lesen und schreiben. Wenn diese Methode zur Rückgabe von Inhalten verwendet wird, wird der Inhalt des ersten Übereinstimmungselements zurückgegeben. Wenn es zum Festlegen von Inhalten verwendet wird, überschreibt es den Inhalt aller passenden Elemente. Wie bekomme ich den HTML -Inhalt eines Elements mit der Jquery .html () -Methode? Um den HTML -Inhalt eines Elements mit der Jquery .html () -Methode zu erhalten, rufen Sie einfach die .html () -Methode auf dem Jquery -Objekt auf, das das Element darstellt. Um den HTML -Inhalt einer DIV mit ID "myDiv" zu erhalten, können Sie den folgenden Code verwenden: var content = $ ("#mydiv"). HTML (). Wie setze ich den HTML -Inhalt eines Elements mit der Jquery .html () -Methode fest? So setzen Sie den HTML -Inhalt eines Elements mit der Methode jQuery .html () fest, Sie müssen den neuen Inhalt als Zeichenfolge an die .html () -Methode übergeben. Um den HTML -Inhalt einer DIV mit ID "myDiv" festzulegen, können Sie den folgenden Code verwenden: $ ("#mydiv"). Kann ich die jQuery .html () -Methode verwenden, um HTML -Inhalte zu erhalten, das das Element selbst enthält? Nein, die jQuery .html () -Methode erhält nur den internen HTML -Inhalt des Elements, nicht das Element selbst. Wenn Sie HTML -Inhalte abrufen möchten, die das Element selbst enthält, können Sie die Methode .Prop () verwenden und "oterhtml" als Attributname verwenden. Zum Beispiel: var content = $ ("#mydiv"). Kann ich die jQuery .html () -Methode für mehrere Elemente gleichzeitig verwenden? Ja, Sie können die JQuery .html () -Methode für mehrere Elemente gleichzeitig verwenden. Wenn es verwendet wird, um Inhalte zu erhalten, wird der Inhalt des ersten Übereinstimmungselements zurückgegeben. Bei Verwendung zum Einstellen von Inhalten wird der Inhalt aller passenden Elemente festgelegt. Um beispielsweise denselben Inhalt für alle Divs festzulegen, können Sie den folgenden Code verwenden: $ ("Div")."); Dies ersetzt den aktuellen Inhalt aller Divs durch neue Inhalte. Was passiert, wenn ich die Methode jQuery .html () für leere Element -Sets verwende? Wenn Sie die jQuery .html () für leere Element -Sets verwenden, gibt es keinen Effekt Das Skript in Ihre HTML -Methode JQuery .html (). Der Hauptunterschied zwischen den Methoden ist, dass .html () den HTML-Inhalt eines Elements erhält oder legt den Textinhalt fest, dass .HTML () HTML-Tags im Inhalt des Inhalts enthalten. l () Methode. Methoden sind verknüpft

Das obige ist der detaillierte Inhalt vonJQuery Holen Sie sich HTML einschließlich Element -Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn