jquery obtient externalHtml contenant le code du nœud actuel lui-même_jquery

Pendant le processus de développement, jQuery.html() obtient le code html sous le nœud actuel et n'inclut pas le code du nœud actuel lui-même. Parfois, nous en avons vraiment besoin, mais il n'y a aucun moyen de l'obtenir même après. en recherchant dans la documentation de l'API jQuery.

J'ai vu que certaines personnes utilisent parent().html(). Si l'élément actuel n'a pas d'éléments frères, cela fonctionnera, mais si c'est le cas, cela ne fonctionnera pas. Plus tard, l'expérience a révélé qu'il existe une méthode jQuery qui peut résoudre le problème, et elle est très simple, comme suit :

jQuery.prop("outerHTML");

Copier le code Le code est le suivant :

bonjour !

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

Le résultat de sortie est :

bonjour, bonjour !

Parce qu'il existe un attribut externalHTML intégré dans le DOM JS natif (regardez la casse, JS est sensible à la casse) pour obtenir le code html du nœud actuel (y compris le nœud actuel), vous pouvez donc utiliser celui de jQuery prop() pour l'obtenir Oui, après des expériences, la méthode attr() ne peut pas être obtenue. Si vous n'y croyez pas, vous pouvez l'essayer.

Bien sûr, certaines personnes utilisent la fonction clone() de jQuery avec append() pour créer un nœud avec un seul élément enfant, puis obtenir le code HTML du nœud. C'est également faisable, mais le code est fastidieux.