javascript - 更改 span 的文本，不影响 child

Question

如果我有以下标记，如何使用 javascript 或 jQuery 仅更改父范围内的文本？

<td class="cartItemTotal">
    <span>
        <span class="currency_sign">£</span>
        25.00
    </span>
</td>

我尝试了以下两个(基于 two different SO 问题)，但两者都没有反应。

(1)

$this.find('.cartItemTotal > span').contents().filter(function(){
    return this.nodeType == 3;
}).filter(':first').replaceWith( itemTotal.toFixed(2) );

(2)

$this.find('.cartItemTotal > span')[0].firstChild.data = itemTotal.toFixed(2);

注意:“$this”指的是当前的<tr>表格数据元素位于。

Answer 1

jQuery 对 textNode 的处理不是很好，但是使用原生的 nextSibling 你可以在 .currency_sign 元素之后获取 textNode :

$('.currency_sign').get(0).nextSibling.nodeValue = 'new value';

FIDDLE

我正在使用 get(0) 获取集合中的第一个原生 DOM 元素。