jquery - jQuery div にこのテキストが含まれている場合、テキストのその部分を置き換えます

Question

タイトルのとおり、div 内のテキストの特定の部分を置き換えたいと考えています。

構造は次のようになります。

<div class="text_div">
    This div contains some text.
</div>

そして、たとえば「contains」のみを「hello everyone」に置き換えたいと思います。これに対する解決策が見つかりません。

Answer 1

メソッドを使用して、ネイティブメソッドを使用して置換を実行しtext、変更されたテキストを返す関数を渡すことができます。String.prototype.replace

​$(".text_div").text(function () {
    return $(this).text().replace("contains", "hello everyone"); 
});​​​​​

これが実際の例です。

Answer 2

可能であれば、次のように、置き換えたい単語を span タグで囲むことができます。

<div class="text_div">
    This div <span>contains</span> some text.
</div>

その後、jQuery を使用してその内容を簡単に変更できます。

$('.text_div > span').text('hello everyone');

span タグでラップできない場合は、正規表現を使用できます。

Answer 3

var d = $('.text_div');
d.text(d.text().trim().replace(/contains/i, "hello everyone"));

Answer 4

含むセレクタを使用して、特定のテキストを含む要素を検索できます

var elem = $('div.text_div:contains("This div contains some text")')​;
elem.text(elem.text().replace("contains", "Hello everyone"));

</p>