Maison > interface Web > js tutoriel > jquery obtient externalHtml contenant le code du nœud actuel lui-même_jquery

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

WBOY
Libérer: 2016-05-16 16:32:37
original
1075 Les gens l'ont consulté

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal