Rumah  >  Artikel  >  hujung hadapan web  >  Contoh penggunaan fungsi penggantian tag jQuery replaceWith()_jquery

Contoh penggunaan fungsi penggantian tag jQuery replaceWith()_jquery

WBOY
WBOYasal
2016-05-16 16:38:301337semak imbas

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:

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn