Rumah >hujung hadapan web >tutorial js >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: