Blog

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

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

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

<br />
$('.classname').each(function(){<br />
var txt = $(this).html();<br />
$(this).html(<br />
txt.replace('阪神','タイガース')<br />
);<br />
});<br />

この場合、class名が「classname」の要素にある、最初の「阪神」だけが「タイガース」に置き換えられて出力されます。

<br />
$('.classname').each(function(){<br />
var txt = $(this).html();<br />
$(this).html(<br />
txt.replace(/阪神/g,'タイガース')<br />
);<br />
});<br />

こうすると、class名が「classname」の要素にある、全ての「阪神」が「タイガース」に置き換えられて出力されます。

<br />
$('.classname,.teamname').each(function(){<br />
var txt = $(this).html();<br />
$(this).html(<br />
txt.replace(/阪神/g,'タイガース').replace(/横浜/g,'ベイスターズ')<br />
);<br />
});<br />

replaceはチェーンで繋ぐことで、複数組の置換にも対応できます。ただし大量のチェーンはお勧めできません。
上記の場合、class名が「classname」または「teamname」の要素にある、全ての「阪神」が「タイガース」に置き換えられ、且つ全ての「横浜」が「ベイスターズ」に置き換えられて出力されます。

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