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

Question

使用 jQuery，当 stringA 或 stringB 属于特定的 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 小提琴演示。

参考：

• jQuery：
  • contents().
  • each().
• '普通' JavaScript：
  • JavaScript 正则表达式。
  • 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"));
});