Utilisation de jQuery pour remplacer une étiquette avec un autre

Question

a un dilemme, j'ai été en espérant que vous les gens pourraient m'aider...

 

objectif:

À l'aide de jQuery, je suis en train de remplacer toutes les occurrences de:

<code> ... </code>

avec:

<pre> ... </pre>

 

ma solution:

J'ai eu aussi loin que la suivante,

$('code').replaceWith( "<pre>" + $('code').html() + "</pre>" );

 

le problème avec ma solution:

mais le problèmes c'est que c'est le remplacement de tout ce qui est entre le (deuxième, troisième, quatrième, etc)"code" tags avec le contenu entre le premier "code" balises.

par exemple

<code> A </code>
<code> B </code>
<code> C </code>

devient

<pre> A </pre>
<pre> A </pre>
<pre> A </pre>

Je pense que j'ai besoin d'utiliser "ce" et une sorte de fonction, mais je crains que je suis encore en apprentissage et je ne comprends pas vraiment comment morceau une solution ensemble.

Merci pour votre temps et votre aide! :)

Jon

Answer 1

Vous pouvez passer d'une fonction à l' .replaceWith ^[docs]:

$('code').replaceWith(function(){
    return $("<pre />", {html: $(this).html()});
});

L'intérieur de la fonction, this se réfère à la actuellement traitée code élément.

DÉMO

Mise à jour: Il n'y a pas de grosse différence de performances, mais dans le cas où l' code éléments HTML les enfants, en ajoutant les enfants au lieu de sérialisation d'eux se sent pour être plus correct:

$('code').replaceWith(function(){
    return $("<pre />").append($(this).contents());
});

Answer 2

C’est beaucoup plus agréable :

Mais il est vrai que solution de Felix Kling est environ deux fois plus vite:

Answer 3

Il est exact que vous obtiendrez toujours le premier de contenu, parce que fera toujours référence au premier élément, où que vous l’utilisez.

Au lieu de cela, vous pouvez utiliser `` pour itérer sur tous les éléments et modifier chacun d’eux individuellement :

Answer 4

Essayez ceci :

http://jsfiddle.net/mTGhV/

Answer 5

Vraiment ?