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

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:

<div class="test"><p>Hallo! </p></div>
<script>
$(".test").prop("outerHTML");
</script>

Das Ausgabeergebnis ist: <div class="test"><P>Hallo, hallo! </p></div>

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.