jquery 更改 div 上的文本

Question

我只需要更改 div 内的文本，其中还有其他元素。我尝试了 text 方法，但它改变了 div 的整个内容。

示例 div:

<div class="mydiv">
MY TEXT HERE
<ul>
   <li>BLAH</li>
   <li>BLAH</li>
</ul>
</div>

这是我现在尝试过的:$(".mydiv").text("MY NEW TEXT");

Answer 1

$.fn.extend({
    text2: function(t){
        return this.each(function(a,b){
            $(b).contents().map(function(c,d){
                return (d.nodeType === 3 ? d : null);
            }).get(0).data = t;
        });
    }
});

这是我的解决方案。仅影响选择器中找到的第一个文本节点，然后将其替换为提供的文本。使用这个， $('.mydiv').text2('MY NEW TEXT'); 应该可以工作 flawlessly .