无论嵌套元素的数量如何，使用 javascript (jquery) 查找最里面的文本并替换它

Question

如果我有这个：

<a href="#" id="the-link"><em>any random text</em></a>

或者这个：

<a href="#" id="the-link">any random text</a>

或者这个：

<a href="#" id="the-link"><em><div id="foo"><span>any random text</span></div></em></a>

我想捕获文本“任何随机文本”，然后替换它。

我怎样才能用 jQuery 做到这一点？如果不使用 jQuery，只使用普通的 javascript？

Answer 1

您可以递归地执行此操作。这很简单：

function replaceTextNodes(node, newText) {
    if (node.nodeType == 3) {
        // Filter out text nodes that contain only whitespace
        if (!/^\s*$/.test(node.data)) {
            node.data = newText;
        }
    } else if (node.hasChildNodes()) {
        for (var i = 0, len = node.childNodes.length; i < len; ++i) {
            replaceTextNodes(node.childNodes[i], newText);
        }
    }
}

replaceTextNodes(document.getElementById("the-link"), "NEW TEXT");

Answer 2

$('a:contains(starcraft)').html('starcraft 2');

编辑评论： jsfiddle

$('a').find(':only-child:last').html('starcraft 2');

Answer 3

您可能想查看这个问题： select deepest child in jQuery

看起来您需要找到最深的子节点，然后对其调用 .html('new string') 或 .text('new string') 。

Answer 4

var link = $('#the-link');
var inner = link;
while(inner.children().length > 0)
     inner = inner.children();

inner.html('whatever');