Heim > Web-Frontend > js-Tutorial > jquery ruft „outerHtml' ab, das den Code des aktuellen Knotens selbst enthält_jquery

jquery ruft „outerHtml' ab, das den Code des aktuellen Knotens selbst enthält_jquery

WBOY
Freigeben: 2016-05-16 16:32:37
Original
1076 Leute haben es durchsucht

Während des Entwicklungsprozesses ruft jQuery.html() den HTML-Code unter dem aktuellen Knoten ab und enthält nicht den Code des aktuellen Knotens selbst. Manchmal brauchen wir ihn wirklich, aber es gibt keine Möglichkeit, ihn auch danach abzurufen Durchsuchen der jQuery-API-Dokumentation.

Ich habe gesehen, dass einige Leute parent().html() verwenden. Wenn das aktuelle Element keine Geschwisterelemente hat, funktioniert es, wenn es jedoch vorhanden ist, funktioniert es nicht. Später stellte das Experiment fest, dass es eine jQuery-Methode gibt, die das Problem lösen kann, und diese ist sehr einfach:

jQuery.prop("outerHTML");

Code kopieren Der Code lautet wie folgt:

Hallo!


<script><br> $(".test").prop("outerHTML");<br> </script>

Das Ausgabeergebnis ist:

Hallo, hallo!

Da es im nativen JS-DOM ein integriertes Attribut „outerHTML“ gibt (achten Sie auf die Groß-/Kleinschreibung, JS unterscheidet zwischen Groß- und Kleinschreibung), um den HTML-Code des aktuellen Knotens (einschließlich des aktuellen Knotens) abzurufen, können Sie jQuery verwenden prop() um es zu bekommen Ja, nach Experimenten kann die attr()-Methode nicht abgerufen werden. Wenn Sie es nicht glauben, können Sie es auch versuchen.

Natürlich verwenden einige Leute die clone()-Funktion von jQuery zusammen mit append(), um einen Knoten mit nur einem untergeordneten Element zu erstellen und dann den HTML-Code des Knotens abzurufen. Dies ist auch machbar, aber der Code ist umständlich.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage