ホームページ制作 SiGT Web Studio (横浜/フリーランス) > Blog > web制作 > 【メモ】jQueryで複数組のテキスト置換をしたい

横浜のフリーランスWeb制作者ブログ

2014年 7月 17日

【メモ】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」の要素にある、全ての「阪神」が「タイガース」に置き換えられ、且つ全ての「横浜」が「ベイスターズ」に置き換えられて出力されます。

Posted: 2014年 7月 17日 17:16


Categories: web制作

Comments: No comments


トラックバックURL

コメント & トラックバック

コメントはありません

コメント





コメント本文に次の(X)HTMLタグを使えます:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Gravatarに登録されているアバターを使用します。

Additional comments powered byBackType