使用jQuery查找字符串A或B并根据css类和ID进行替换

Question

使用jQuery，当它属于特定的css类和ID时，如何检查并替换字符串或字符串的出现？

stringA = " | "
stringB = "|" 
css     = .login #bav

<div class="login">
    <p id="nav">
        <a href="#">oh ya</a> |
        <a href="#" title="Password Lost and Found"></a>
    </p>
</div>

我有各种变化：

jQuery(document).ready(function($) {
  $(".login #nav").replaceText( /testA|testB/gi, "fooBar" );
  });
});

Answer 1

根据我对你的问题的理解，我建议：

$('#nav').contents().each(function(){
    if (this.nodeType === 3) {
        var str = this.nodeValue;
        this.nodeValue = str.replace(/(\|)|(\s+\|\s+)/g,'foobar');
    }
});

JS Fiddle demo

参考文献：

• jQuery的：
  • contents()。
  • each()。
• '普通'JavaScript：
  • JavaScript regular expressions。
  • Node.nodeType。
  • Node.nodeValue。

Answer 2

你可以这样做

jQuery(document).ready(function($) {
    var stringA = " | ";
    var stringB = "|";
    var nav = $("#nav");
    nav.html(nav.html().replace(stringA, "fooBar").replace(stringB, "fooBar"));
});