jqueryでの文字置換について

Question

jqueryでの文字置換について

http://test1212561.blog.fc2.com/blog-entry-1.html

<script>
 $(function(){ 

$('.entry_body').each(function(){
 var txt = $(this).html();
 $(this).html(txt.replace(/あい/g,'かき'));
 });
 });
</script>

あい を かき に置換しています。

「.entry_body」 を 「body」に変更すると 動作がとても重くなりフリーズするのですが、
そういうものなのでしょうか？

よろしくお願いします。

Comments

[kei344]

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

Answer 1

bodyのように何が入っているかわからない状態で文字列置換は危険です
あまりお勧めできません

$(function(){ 
$('.entry_body').each(function(){
 var txt = $(this).html();
 $(this).html(txt.replace(/あい/g,'かき'));
 });
});

<div class="entry_body">あいうえお
<img alt="あいうえお">
<input type="text" value="あいうえお">
</div>
<div class="not_entry_body">あいうえお
<img alt="あいうえお">
<input type="text" value="あいうえお">
</div>

Comments

[motti]

ありがとうございました。

Answer 2

bodyの中にscriptタグなども入っていますので、それを全部いったん作り直ししますので、非常に重くなるのかもしれませんね。

提供されているサイトで、

$("body").html($("body").html().replace(/かき/g,"あい"));
```このコードを実行しましたが、IE11・Chromeでは一瞬で返って来ます。
__（わたしのマシンはメモリが16GBあるので、単純には比較にならないかもしれません）__

でも、こういうことはやらない方がいいです。もっとターゲットを絞って、変換を掛けるべきだと思いますよ。

Comments

[motti]

ありがとうございました。