Blog

Web制作開発に役立ちそうなTipsや、インターネットに思うことなどを不定期で書いています。

【メモ】jQueryで複数組のテキスト置換をしたい

jQueryのreplaceを使って、テキストの置換を行う時のプチメモです。

$('.classname').each(function(){
var txt = $(this).html();
$(this).html(
txt.replace('阪神','タイガース')
);
});
この場合、class名が「classname」の要素にある、最初の「阪神」だけが「タイガース」に置き換えられて出力されます。

$('.classname').each(function(){
var txt = $(this).html();
$(this).html(
txt.replace(/阪神/g,'タイガース')
);
});
こうすると、class名が「classname」の要素にある、全ての「阪神」が「タイガース」に置き換えられて出力されます。

$('.classname,.teamname').each(function(){
var txt = $(this).html();
$(this).html(
txt.replace(/阪神/g,'タイガース').replace(/横浜/g,'ベイスターズ')
);
});
replaceはチェーンで繋ぐことで、複数組の置換にも対応できます。ただし大量のチェーンはお勧めできません。
上記の場合、class名が「classname」または「teamname」の要素にある、全ての「阪神」が「タイガース」に置き換えられ、且つ全ての「横浜」が「ベイスターズ」に置き換えられて出力されます。

お気軽にお問い合わせください。
お見積りは無料です。