我只是想知道是否有一种方法可以使用 jQuery 或纯 Javascript 来定位页面上的数字。
这是我想做的：
假设页面上有“6 月 23 日”。我想要做的是能够在号码前面加上一些<span> 选择器。
在 jQuery 中使用 :contains() 会选择整个内容，而不仅仅是数字。
这些字符串是由我正在开发的 Wordpress 主题生成的，没有任何包装元素，我只想选择数字。
任何帮助将不胜感激！感谢您甚至考虑它。
-乔治
【问题讨论】：
标签： javascript jquery jquery-selectors append prepend
您还可以选择包含逗号作为千位分隔符的十进制数字：
let regex = /([,\d]*\.?\d+)/g;
这将匹配 1234 和 1,234 和 1234.5678 和 1,234.5678 和 0.5678 和 .5678。
完整解决方案请参考the above answer。
【讨论】：
您可以遍历所有元素，查看文本节点，然后将它们替换为包含数字的更新内容。
var regex = /(\d+)/,
replacement = '<span>$1</span>';
function replaceText(el) {
if (el.nodeType === 3) {
if (regex.test(el.data)) {
var temp_div = document.createElement('div');
temp_div.innerHTML = el.data.replace(regex, replacement);
var nodes = temp_div.childNodes;
while (nodes[0]) {
el.parentNode.insertBefore(nodes[0],el);
}
el.parentNode.removeChild(el);
}
} else if (el.nodeType === 1) {
for (var i = 0; i < el.childNodes.length; i++) {
replaceText(el.childNodes[i]);
}
}
}
replaceText(document.body);
示例： http://jsfiddle.net/JVsM4/
这不会对现有元素及其关联的 jQuery 数据造成任何损害。
编辑：你可以用一点 jQuery 把它缩短一点：
var regex = /(\d+)/g,
replacement = '<span>$1</span>';
function replaceText(i,el) {
if (el.nodeType === 3) {
if (regex.test(el.data)) {
$(el).replaceWith(el.data.replace(regex, replacement));
}
} else {
$(el).contents().each( replaceText );
}
}
$('body').each( replaceText );
示例： http://jsfiddle.net/JVsM4/1/
请注意，正则表达式需要 g 全局修饰符。
这样可能会慢一点，所以如果 DOM 很大，我会使用非 jQuery 版本。
【讨论】：
只是大声思考，但你认为这会奏效吗？
document.body.innerHTML = document.body.innerHTML.replace(/(\d+)/g, "<span class='number'>$1</span>")
【讨论】：
span。 1美元会取代号码吗？ （我是 javascript 菜鸟）
document.body.innerHTML 是个坏主意。例如，它将销毁任何事件处理程序，例如.click()。
.click() 和我正在进行的.mouseenter() 事件崩溃了。 Patrick DW 的解决方案效果最好。
这完全取决于您的日期格式。
我发现这个网站有很多不同的正则表达式（因为你只是在一段普通的文本中搜索一个日期）。
如果这是您的日期格式（dd MMM yyyy），这似乎是一个不错的选择：http://regexlib.com/REDetails.aspx?regexp_id=405
我假设，因为它是一个模板，所以您的日期对于所有页面都是相同的。所以格式也是一样的。如果定义得当，您可以在模板上的每一段文本上使用正则表达式。
【讨论】：