Exemple d'utilisation de la fonction de remplacement de balise jQuery replaceWith()_jquery

replaceWith est facile à utiliser

Dans jQuery, il existe une puissante fonction de remplacement replaceWith(), très simple à utiliser, comme :

La page a la balise p suivante

Remplacez toutes les balises p par "##"

$('p').replaceWith('##');

Résultat après exécution :

Remplacer les balises

En utilisant ce replaceWith, nous pouvons remplacer toutes les balises p par des balises b, et le contenu reste inchangé :

$('p').each(function(){
    $(this).replaceWith('<b>'+$(this).html()+'</b>');
});

Résultats

C'est le remplacement !

Les sites Web multilingues peuvent être facilement complétés grâce à cette fonction

Si vous développez un site Web multilingue, vous pouvez même profiter de cette fonctionnalité, par exemple, ajouter une balise i au texte que vous devez traduire, puis parcourir la traduction et la remplacer.

Supposons que la structure de la page dom soit la suivante :

Nous devons traduire le texte de la balise i sur la page. Les balises i sur la page sont Apple et ordinateur. Nous avons donc besoin d'une bibliothèque de traduction :

var translate = {
    '苹果' : 'apple',
    '电脑' : 'PC'
};

Ensuite, je peux effectuer un remplacement de traduction comme celui-ci

$('i').each(function(){
    $(this).replaceWith(translate[$(this).html()]);
});

Effet après exécution :

Effet de page :