Example of using jQuery tag replacement function replaceWith()_jquery

replaceWith is easy to use

In jQuery, there is a powerful replacement function replaceWith(), which is very simple to use, such as:

The page has the following p tag

Replace all p tags with "##"

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

Result after execution:

Replace tags

Using this replaceWith, we can replace all p tags with b tags, and the content remains unchanged:

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

Results

This is the replacement!

Multi-language websites can be easily completed using this function

If you are developing a multi-lingual website, you can even take advantage of this feature. For example, add an i tag to the text you need to translate, and then traverse the translation and replace it.

Suppose the page dom structure is as follows:

We need to translate the text in the i tag on the page. The i tags on the page are Apple and computer. So we need a translation library:

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

Then I can perform translation replacement like this

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

Effect after execution:

Page effect: