javascript - jQuery 如何只编辑当前级别的 html 文本？

Question

这个问题已经有答案了:

How to select own text of the element using jQuery (4 个回答)

已关闭 9 年前。

我有一个像这样的 DOM 结构:

<div id="a">
         AA
        <span>BB</span>
</div>

我想更改 div 中的文本，但不想更改 span 中的文本，即更改 AA 但保留 BB，但是当我尝试 $('#a').text() 时，我得到 AABB。仅选择 div 级别文本的正确方法是什么？

Answer 1

我通过此链接创建了一个示例:How to select own text for element with jQuery

希望对你有帮助。

HTML

<div id="a">
         AA
        <span>BB</span>
</div>

JAVASCRIPT

$.fn.ownText = function() {
    return this.eq(0).contents().filter(function() {
       return this.nodeType === 3 // && $.trim(this.nodeValue).length;
    }).map(function() {
       return this.nodeValue;
    }).get().join('');
}

var text = $('#a').ownText();

var newText = "CC";

$("#a").html(function(i,t){
    return t.replace(text.trim(), newText)
});

http://jsfiddle.net/guinatal/mHhrL/