jquery中有文本选择器吗？

Question

jquery 中有文本选择器吗？

我的代码

<anything>Hello World! Hello World!</anything>

结果应该是（使用 Jquery）

<anything>Hello <span>World</span>! Hello <span>World</span>!</anything>

Answer 1

不会。jQuery 主要处理元素，并且几乎不提供处理文本的功能。

要对文本进行查找和替换，您需要单独检查每个文本节点，并执行 DOM splitText 操作，以便在找到匹配项时将其分开。例如：

function findText(element, pattern, callback) {
    for (var childi= element.childNodes.length; childi-->0;) {
        var child= element.childNodes[childi];
        if (child.nodeType==1) {
            var tag= child.tagName.toLowerCase();
            if (tag!=='script' && tag!=='style' && tag!=='textarea')
                findText(child, pattern, callback);
        } else if (child.nodeType==3) {
            var matches= [];
            var match;
            while (match= pattern.exec(child.data))
                matches.push(match);
            for (var i= matches.length; i-->0;)
                callback.call(window, child, matches[i]);
        }
    }
}

findText(element, /\bWorld\b/g, function(node, match) {
    var span= document.createElement('span');
    node.splitText(match.index+match[0].length);
    span.appendChild(node.splitText(match.index));
    node.parentNode.insertBefore(span, node.nextSibling);
});

Answer 2

$('anything').html(function(i, v) {
    return v.replace(/(World)/g, '<span>$1</span>');
});  

上面的代码片段使用了 jQuery 1.4 中添加的功能。

注意：此解决方案对于仅包含原始文本（且没有子元素）的元素是安全的。

Answer 3

您可以针对简单的情况进行正则表达式替换等，但对于更一般的答案：否。

jQuery 在处理文本节点时并没有提供太多帮助，它主要是为处理元素节点类型 (nodeType == 1) 而设计的，而不是文本节点类型 (nodeType == 3< /code>）...所以是的，您可以在有帮助的地方使用它（例如< code>.contents() 和 .filter() ），但这种情况不会经常发生，因为这不是图书馆的主要目的。