Contoh penggunaan fungsi penggantian tag jQuery replaceWith()_jquery

gantiDengan mudah digunakan

Dalam jQuery, terdapat fungsi penggantian yang berkuasa replaceWith(), yang sangat mudah untuk digunakan, seperti:

Halaman tersebut mempunyai tag p berikut

Gantikan semua tag p dengan "##"

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

Keputusan selepas pelaksanaan:

Ganti tag

Menggunakan replaceWith ini, kami boleh menggantikan semua teg p dengan teg b, dan kandungannya kekal tidak berubah:

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

Keputusan

Inilah penggantinya!

Tapak web berbilang bahasa boleh disiapkan dengan mudah menggunakan fungsi ini

Jika anda sedang membangunkan tapak web berbilang bahasa, anda juga boleh memanfaatkan ciri ini Sebagai contoh, tambahkan teg i pada teks yang anda perlukan untuk menterjemah, kemudian melintasi terjemahan dan menggantikannya.

Andaikan struktur dom halaman adalah seperti berikut:

Kita perlu menterjemah teks dalam tag i pada halaman. Tag i pada halaman adalah Apple dan komputer. Jadi kami memerlukan perpustakaan terjemahan:

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

Kemudian saya boleh melakukan penggantian terjemahan seperti ini

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

Kesan selepas pelaksanaan:

Kesan halaman: