「jQuery」replaceで複数の同じ文字を置き換るサンプル

環境
Google Chrome　104.0.5112.81
jQuery 3.6.0

構文
replace(/置換前文字/g, “置換後文字"));
正規表現のオプションのgを使用して、複数の同じ文字を置き換えます。
replace() メソッドは、pattern に一致する文字列の一部またはすべてを replacement で
置き換えた新しい文字列を返します。

使用例

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#show").click(function(){   
    $("#cft").text($("#cft").text().replace(/to/g, "東京"));
  });
});
</script>
</head>
<body>
<p style="text-align: center" id="cft">122 tokyo and 44 toho </p>
<button id="show">表示</button>

</body>
</html>

実行結果
「表示」ボタンを押下すると、「122 tokyo and 44 toho」を「122 東京kyo and 44 東京ho」に置き換えます。

jQuery

Posted by arkgame