jQuery替换标签函数replaceWith()的使用

jQuery中,有一个强大的替换函数replaceWith(),使用非常简单,如:

// 把所有p标签替换为“##”
$('p').replaceWith('##');

利用这个replaceWith,我们可以把所有p标签替换为b标签,内容不变:

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

如果你开发的是一个多语言的网站,甚至可以利用这个特性,比如,在你需要翻译的文字上加上i标签,然后遍历翻译替换。

假设页面上所有的i标签文本都需要翻译,可以这么干

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

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

TITLE: jQuery替换标签函数replaceWith()的使用

LINK: https://www.qttc.net/359-jquery-replacewith.html

NOTE: 原创内容,转载请注明出自琼台博客