jquery - 通过 JQuery 替换父 DIV 下子级中的文本

Question

我想将文本中的(访问被拒绝。请登录或注册。)更改为“您无权访问”以下代码:-

<div class="messages error">
<h2 class="element-invisible">Error message</h2>
Access denied. Please Login or Register.
</div>

我尝试在 Ready Function 中使用以下代码，但它无法正常工作。

$("div.messages").text(function () {
        console.log($(this).text());
        return $(this).text().replace("Access denied. Please Login or Register.", "You are not authorized to access"); 
    });

谢谢。

<小时/>

还有其他办法吗？它给了我错误

Uncaught TypeError: Cannot set property 'nodeValue' of undefined ... 

Answer 1

$("div.messages h2")
      .prop('nextSibling')
      .nodeValue = "You are not authorized to access";

http://jsfiddle.net/ZwLKZ/

$("div.messages").contents().filter(function() {
     return this.nodeType === 3 && $.trim(this.nodeValue) !== ''; 
}).get(0).nodeValue = "You are not authorized to access";