2014年 7月 17日 の一覧


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