jQuery obtient html, y compris la balise d'élément

Si vous utilisez fortement les fonctionnalités AJAX, il peut être utile d'obtenir du code HTML pour les éléments contenant des balises. Je crois qu'il doit y avoir un moyen plus facile que de cloner un élément dans l'emballage, puis d'utiliser jQuery pour obtenir l'emballage HTML contenant l'élément tag html. Avant de trouver une approche meilleure (plus efficace), voici un extrait de code.

.clone().wrap('').parent().html();

quelques autres méthodes (à partir des commentaires de publication, merci):

// Je ne sais pas à quel point il est portable sur différents navigateurs $ ('# foo') [0] .outerhtml;

var foo = $ ('# bar');

var foo = $ ('h1');

console.log (foo); // Sortie: jQuery (H1) console.dir (foo [0]); // Sortie: Attributs et fonctions de l'élément DOM

Console.log (foo [0] ['OuterHtml']); // Sortie: titre

À propos de jQuery Get FAQ (FAQ) pour le code HTML contenant des balises d'élément

Quelle est la méthode .html () de jQuery? Comment ça marche? La méthode .html () de jQuery est une fonction intégrée dans jQuery qui obtient le contenu HTML du premier élément de l'ensemble d'élément correspondant, ou définit le contenu HTML de chaque élément correspondant. Il peut lire et écrire du contenu HTML. Lorsque cette méthode est utilisée pour renvoyer du contenu, il renvoie le contenu du premier élément correspondant. Lorsqu'il est utilisé pour définir du contenu, il écrase le contenu de tous les éléments correspondants. Comment obtenir le contenu HTML d'un élément à l'aide de la méthode jQuery .html ()? Pour obtenir le contenu HTML d'un élément utilisant la méthode jQuery .html (), appelez simplement la méthode .html () sur l'objet jQuery représentant l'élément. Par exemple, pour obtenir le contenu HTML d'un div avec ID "MyDiv", vous pouvez utiliser le code suivant: var contenu = $ ("# myDiv"). Html (); Comment définir le contenu HTML d'un élément à l'aide de la méthode jQuery .html ()? Pour définir le contenu HTML d'un élément à l'aide de la méthode jQuery .html (), vous devez passer le nouveau contenu en tant que chaîne à la méthode .html (). Par exemple, pour définir le contenu HTML d'un div avec ID "MyDiv", vous pouvez utiliser le code suivant: $ ("# MyDiv"). HTML ("

Nouveau Contenu

"); Puis-je utiliser la méthode jQuery .html () pour obtenir du contenu HTML contenant l'élément lui-même? Non, la méthode jQuery .html () n'obtient que le contenu HTML interne de l'élément, pas l'élément lui-même. Si vous souhaitez obtenir du contenu HTML qui contient l'élément lui-même, vous pouvez utiliser la méthode .prop () et utiliser "OUTERHTML" comme nom d'attribut. Par exemple: var contenu = $ ("# myDiv"). Prop ("OuterHtml"); Puis-je utiliser la méthode jQuery .html () pour plusieurs éléments en même temps? Oui, vous pouvez utiliser la méthode jQuery .html () pour plusieurs éléments en même temps. Lorsqu'il est utilisé pour obtenir du contenu, il renvoie le contenu du premier élément correspondant. Lorsqu'il est utilisé pour définir du contenu, il définit le contenu de tous les éléments correspondants. Par exemple, pour définir le même contenu pour tous les divs, vous pouvez utiliser le code suivant: $ ("div"). Html ("

nouveau contenu pour tous les divs

"); Cela remplace le contenu actuel de tous les divs par un nouveau contenu. Que se passe-t-il si j'utilise la méthode jQuery .html () pour les ensembles d'éléments vides? Si vous utilisez la méthode jQuery .html () pour les ensembles d'éléments vides, il n'aura aucun effet. Insérez le script dans votre HTML à l'aide de la méthode jQuery .html (). La principale différence entre les méthodes est que .html () obtient ou définit le contenu HTML d'un élément, tandis que .Text () obtient ou définit le contenu texte. L () Méthode. Les méthodes sont liées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!