使用 jQuery 选择数字

Question

在给定的 DIV 中，我希望将 SPAN 应用于所有数字，并且仅应用于它们。有没有办法用 jQuery 选择数字？

Answer 1

jQuery 不提供本地文本选择器，但可以实现这种效果。我根据我对 上一个问题的回答改编了此内容，将其设计为不会破坏 URL 中带有数字的任何链接（jsFiddle 演示） :

function autospan() {
    var exp = /-?[\d.]+/g;

    $('*:not(script, style, textarea)').contents().each(function() {
        if (this.nodeType == Node.TEXT_NODE) {
            var textNode = $(this);
            var span = $('<span/>').text(this.nodeValue);
            span.html(span.html().replace(exp, '<span class="foo">
amp;</span>'));
            textNode.replaceWith(span);
        }
    });
}

$(autospan);

Answer 2

不，jQuery 不提供针对文本节点的选择器功能...您可以循环遍历 .contents() 并根据需要操作文本节点，但 jQuery 在这里没有多大帮助。

例如：

$("div").html(function() { 
  return $(this).text().replace(/(\d+)/g,"<span>$1</span>"); 
});

您可以在此处进行测试，请注意，任何此类方法都有缺点，您更改.innerHTML，这将破坏所有事件处理程序、附加行为等。仅当内容仅文本时才使用此选项首先。

Answer 3

你必须使用常规的旧 JavaScript。也许使用正则表达式来查找所有数字，并将它们替换为包裹在它们周围的 span 标签。

var str = "some text 123"
str = str.replace(/(\d+)/g, "<span>$1</span>");

您可以将“str”替换为某些元素的内容。假设您想对

页面

$('p').each(function(){ 
    var str = $(this).text();
    str = str.replace(/(\d+)/g, "<span>$1</span>"); 
    $(this).text(str);
 }

编辑中的所有元素执行此操作：您都输入太快