blocks|key|85470|text|//Get+all+text+nodes+in+a+given+container
//Source:+http://stackoverflow.com/a/4399718/560114
function+getTextNodesIn(node,+includeWhitespaceNodes)+{
++++var+textNodes+=+[],+nonWhitespaceMatcher+=+/\S/;

++++function+getTextNodes(node)+{
++++++++if+(node.nodeType+==+3)+{
++++++++++++if+(includeWhitespaceNodes+%7C%7C+nonWhitespaceMatcher.test(node.nodeValue))+{
++++++++++++++++textNodes.push(node);
++++++++++++}
++++++++}+else+{
++++++++++++for+(var+i+=+0,+len+=+node.childNodes.length;+i+<+len;+%2B%2Bi)+{
++++++++++++++++getTextNodes(node.childNodes[i]);
++++++++++++}
++++++++}
++++}

++++getTextNodes(node);
++++return+textNodes;
}

var+textNodes+=+getTextNodesIn(+$("#container")[0],+false+);
var+i+=+textNodes.length;
var+node;
while+(i--)+{
++++node+=+textNodes[i];
++++node.textContent+=+node.textContent.replace(/Hi/g,+"Hello");
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|85471|请注意，这也将匹配"Hi“只是单词的一部分的单词，例如“希尔”要仅匹配整个单词，请使用/\bHi\b/g|unstyled|offset|length|style|CODE|85472|entityMap^0|0|17|9|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>//Get all text nodes in a given container
//Source: http://stackoverflow.com/a/4399718/560114
function getTextNodesIn(node, includeWhitespaceNodes) {
    var textNodes = [], nonWhitespaceMatcher = /\S/;

    function getTextNodes(node) {
        if (node.nodeType == 3) {
            if (includeWhitespaceNodes || nonWhitespaceMatcher.test(node.nodeValue)) {
                textNodes.push(node);
            }
        } else {
            for (var i = 0, len = node.childNodes.length; i &lt; len; ++i) {
                getTextNodes(node.childNodes[i]);
            }
        }
    }

    getTextNodes(node);
    return textNodes;
}

var textNodes = getTextNodesIn( $("#container")[0], false );
var i = textNodes.length;
var node;
while (i--) {
    node = textNodes[i];
    node.textContent = node.textContent.replace(/Hi/g, "Hello");
}
</code></pre>

<p>Note that this will also match words where "Hi" is only part of the word, e.g. "Hill". To match the whole word only, use <code>/\bHi\b/g</code></p>


blocks|key|4591840|text|这是你的=>+http://jsfiddle.net/c3w6X/1/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4591841|var+children='';

$('#container').children().each(function(){
++++$(this).html($(this).html().replace(/Hi/g,"Hello"));+//change+the+text+of+the+children

++++children=children%2B$(this)[0].outerHTML;+//copy+the+changed+child
});
var+theText=$('#container').clone().children().remove().end().text();+//get+the+text+outside+of+the+child+in+the+root+of+the+element

$('#container').html('');+//empty+the+container

$('#container').append(children%2BtheText.replace(/Hi/g,"Hello"));+//add+the+changed+text+of+the+root+and+the+changed+children+to+the+already+emptied+element+|code-block|syntax|javascript|4591842|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/c3w6X/1/^0|7|S|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>here you go => <a href="http://jsfiddle.net/c3w6X/1/" rel="nofollow">http://jsfiddle.net/c3w6X/1/</a></p>

<pre><code>var children='';

$('#container').children().each(function(){
    $(this).html($(this).html().replace(/Hi/g,"Hello")); //change the text of the children

    children=children+$(this)[0].outerHTML; //copy the changed child
});
var theText=$('#container').clone().children().remove().end().text(); //get the text outside of the child in the root of the element

$('#container').html(''); //empty the container

$('#container').append(children+theText.replace(/Hi/g,"Hello")); //add the changed text of the root and the changed children to the already emptied element 
</code></pre>


blocks|key|4591856|text|很好的结果：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4591857|function+str_replace_all(string,+str_find,+str_replace){
try{
++++return+string.replace(+new+RegExp(str_find,+"gi"),+str_replace+)+;++++++
}+catch(ex){return+string;}}|code-block|syntax|javascript|4591858|也更容易记住。|4591859|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Nice results with:</p>

<pre><code>function str_replace_all(string, str_find, str_replace){
try{
    return string.replace( new RegExp(str_find, "gi"), str_replace ) ;      
} catch(ex){return string;}}
</code></pre>

<p>and easier to remember...</p>


blocks|key|4591871|text|+replacedstr+=+str.replace(/needtoreplace/gi,+'replacewith');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4591872|需要替换的内容不应由'四舍五入|unstyled|offset|length|style|CODE|4591873|entityMap^0|0|A|1|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code> replacedstr = str.replace(/needtoreplace/gi, 'replacewith');
</code></pre>

<p>needtoreplace should not rounded by  <code>'</code> </p>


<p>I'm working on a project where I need to replace all occurrences of a string with another string. However, I only want to replace the string if it is text. For example, I want to turn this...</p>

<pre><code>&lt;div id="container"&gt;
  &lt;h1&gt;Hi&lt;/h1&gt;
  &lt;h2 class="Hi"&gt;Test&lt;/h2&gt;
  Hi
&lt;/div&gt;
</code></pre>

<p>into...</p>

<pre><code>&lt;div id="container"&gt;
  &lt;h1&gt;Hello&lt;/h1&gt;
  &lt;h2 class="Hi"&gt;Test&lt;/h2&gt;
  Hello
&lt;/div&gt;
</code></pre>

<p>In that example all of the "Hi"s were turned into "Hello"s except for the "Hi" as the h2 class.
I have tried...</p>

<pre><code>$("#container").html( $("#container").html().replace( /Hi/g, "Hello" ) )
</code></pre>

<p>... but that replaces all occurrences of "Hi" in the html as well</p>


jQuery replace all occurrences of a string in an html page

我正在做一个项目，我需要用另一个字符串替换所有出现的字符串。但是，如果字符串是文本，我只想替换它。例如，我想把这个..。<div id="container">  <h1>Hi</h1>  <h2 class="Hi">Test</h2>  Hi</div>变成..。<div id="container">  <h1>...

问jQuery替换html页中出现的所有字符串
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery替换html页中出现的所有字符串EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery替换html页中出现的所有字符串
EN