javascript - 使用 jQuery 从代码中删除字符

Question

我正在尝试从预先制作的代码中删除破折号。但是，它嵌入在树中，我似乎无法访问它:

jsFiddle

HTML:

  <span class="price">           
        <span class="price">
            <span class="amount">£8.75</span>
            – // I need this!
            <span class="amount">£19.20</span>
        </span>
    </span>

JS:

$('span.price').each(function(){
    $(this)
        .find('.amount')
        .next()
        .remove()

    var c = $(this);
    var t  = c.text();
    var b = t.replace('—', '@'); // but if i use ('£', '@') it replaces the pound sign
    c.text(b);

});

有人知道为什么上面没有找到并替换“—”破折号吗？

Answer 1

您可以使用 .contents() 的组合和 .filter查找所有内容为 - 的文本节点并将其删除:

$(".price").contents().filter(function() {
    return this.nodeType == 3 && $.trim(this.textContent) === "–";
}).remove();

jsFiddle

编辑:更改为使用 jQuery 的 trim 而不是 ES5，因为这将在 < IE9 上运行