javascript - 在 jquery 中替换标签之间的文本节点？

Question

我一直在寻找问题的答案，但找不到。这是我拥有但无法更改的 HTML:

<div class="metadata"> 
    <span class="meta"> 
        <span>    
        </span>     
    </span> 
    <a class="sourceTitle" href="#">Link to site</a> 
      11d

     &nbsp;//&nbsp; 
    <span class="action">preview</span> 
</div>

基本上我需要将 11d 更改为类似 March 13th 的内容。我弄清楚了它背后的所有算法，但看在上帝的份上却找不到替代它的方法。我这里有一个 JSFiddle:http://jsfiddle.net/7tPTu/2/

Answer 1

选择文本节点，然后替换文本:

var text = $(".metadata").contents().filter(function () {
    return this.nodeType === 3;
}).wrap("<span class='textNode'>");

var target = $("span.textNode:contains('11d')");
target.text(target.text().replace(/11d/, "March 13th"));

演示:http://jsfiddle.net/DerekL/eBwjT/