blocks|key|529032|text|var+d+=+$('.text_div');
d.text(d.text().trim().replace(/contains/i,+"hello+everyone"));|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|529033|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

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

blocks|key|529201|text|您可以使用text方法并传递一个返回修改后的文本的函数，并使用本机String.prototype.replace方法执行替换：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|529202|​$(".text_div").text(function+()+{
++++return+$(this).text().replace("contains",+"hello+everyone");+
});​​​​​|code-block|syntax|javascript|529203|这是一个working+example。|529204|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/text/|1|https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace|2|http://jsfiddle.net/jamesallardice/wQns7/^0|5|4|X|O|5|4|0|X|O|1|0|0|4|F|2|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@$9|13|A|14|1|15]|$9|16|A|17|1|18]]|E|$]]|$1|F|3|G|5|H|7|19|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1A|8|@]|D|@$9|1B|A|1C|1|1D]]|E|$]]|$1|M|3|-4|5|6|7|1E|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]|U|$5|P|Q|R|E|$S|V]]|W|$5|P|Q|R|E|$S|X]]]]

You can use the <a href="http://api.jquery.com/text/"><code>text</code></a> method and pass a function that returns the modified text, using the native <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace"><code>String.prototype.replace</code></a> method to perform the replacement:

<pre><code>​$(".text_div").text(function () {
 return $(this).text().replace("contains", "hello everyone"); 
});​​​​​
</code></pre>

Here's a <a href="http://jsfiddle.net/jamesallardice/wQns7/">working example</a>.

blocks|key|312363|text|如果可能，您可以将要替换的单词放入span标记中，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|312364|<div+class="text_div">
++++This+div+contains+some+text.
</div>|code-block|syntax|javascript|312365|然后，您可以使用jQuery轻松地更改其内容：|312366|$('.text_div+>+span').text('hello+everyone');|312367|如果您不能将其包装在span标记中，您可以使用正则表达式。|312368|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

If it's possible, you could wrap the word(s) you want to replace in a span tag, like so:

<pre><code>&lt;div class="text_div"&gt;
 This div &lt;span&gt;contains&lt;/span&gt; some text.
&lt;/div&gt;
</code></pre>

You can then easily change its contents with jQuery:

<pre><code>$('.text_div &gt; span').text('hello everyone');
</code></pre>

If you can't wrap it in a span tag, you could use regular expressions.

blocks|key|312418|text|可以使用contains+selector搜索包含特定文本的元素|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|312419|var+elem+=+$('div.text_div:contains("This+div+contains+some+text")')​;
elem.text(elem.text().replace("contains",+"Hello+everyone"));|code-block|syntax|javascript|312420|​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​|312421|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/contains-selector/^0|4|H|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

You can use the <a href="http://api.jquery.com/contains-selector/" rel="nofollow">contains selector</a> to search for elements containing a specific text

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

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

blocks|key|312459|text|非常简单，只需使用此代码，它将保留HTML，同时只删除未包装的文本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|312460|jQuery(function($){

++++//+Replace+'td'+with+your+html+tag
++++$("td").html(function()+{+

++++//+Replace+'ok'+with+string+you+want+to+change,+you+can+delete+'hello+everyone'+to+remove+the+text
++++++++++return+$(this).html().replace("ok",+"hello+everyone");++

++++});
});|code-block|syntax|javascript|312461|下面是完整的示例：https://blog.hfarazm.com/remove-unwrapped-text-jquery/|offset|length|312462|entityMap|0|LINK|mutability|MUTABLE|url|https://blog.hfarazm.com/remove-unwrapped-text-jquery/^0|0|0|9|1I|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Very simple just use this code, it will preserve the HTML, while removing unwrapped text only:

<pre><code>jQuery(function($){

 // Replace 'td' with your html tag
 $("td").html(function() { 

 // Replace 'ok' with string you want to change, you can delete 'hello everyone' to remove the text
 return $(this).html().replace("ok", "hello everyone"); 

 });
});
</code></pre>

Here is full example: <a href="https://blog.hfarazm.com/remove-unwrapped-text-jquery/" rel="noreferrer">https://blog.hfarazm.com/remove-unwrapped-text-jquery/</a>

Like the title says, I want to replace a specific part of the text in a div.

The structure looks like this:

<pre><code>&lt;div class="text_div"&gt;
 This div contains some text.
&lt;/div&gt;
</code></pre>

And I want to replace only "contains" with "hello everyone", for example.
I can't find a solution for this.

jQuery if div contains this text, replace that part of the text

jQuery

正如标题所说，我想替换div中文本的特定部分。结构看起来像这样：<div class="text_div"> This div contains some text.</div>例如，我只想将“包含”替换为"hello everyone“。我找不到解决方案。

问jQuery如果div包含此文本，请替换文本的该部分
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery如果div包含此文本，请替换文本的该部分EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery如果div包含此文本，请替换文本的该部分
EN