HTML/CSS内联中的粗体数字
我想知道是否可以只在HTML/CSS中使用粗体数字?可以使用正则表达式吗?我正在寻找内联解决方案。我有一个在HTML文档中列出的RGB颜色的长列表,并且只希望在该列表中显示粗体数字(因此它们更容易看到)。我正在寻找更精简的解决方案,而不是手动添加标签HTML/CSS内联中的粗体数字,html,css,regex,Html,Css,Regex,我想知道是否可以只在HTML/CSS中使用粗体数字?可以使用正则表达式吗?我正在寻找内联解决方案。我有一个在HTML文档中列出的RGB颜色的长列表,并且只希望在该列表中显示粗体数字(因此它们更容易看到)。我正在寻找更精简的解决方案,而不是手动添加标签或。在正则表达式中,我知道我可以使用运算符\d 我想: r6/g131/b187 r1/g90/b20 r0/g255/b71 变成这样:r6/g131/b187r1/g90/b20r0/g255/b71 到目前为止,难看且混乱的代码: r<
或
。在正则表达式中,我知道我可以使用运算符\d
我想:
r6/g131/b187 r1/g90/b20 r0/g255/b71
变成这样:r6/g131/b187r1/g90/b20r0/g255/b71
到目前为止,难看且混乱的代码:
r<b>6</b>/g<b>131</b>/b<b>187</b>
r<b>1</b>/g<b>90</b>/b<b>20</b>
r<b>0</b>/g<b>255</b>/b<b>71</b>
r6/g131/b187
r1/g90/b20
r0/g255/b71
一种简单的方法是使用
标记来包装数字组
var content=document.querySelectorAll('td');
content.forEach(函数(单元格){
cell.innerHTML=cell.innerText.replace(/(\d+)/g,$1);
});代码>
r6/g131/b187 r1/g90/b20 r0/g255/b71
r6/g131/b187 r1/g90/b20 r0/g255/b71
r6/g131/b187 r1/g90/b20 r0/g255/b71
r6/g131/b187 r1/g90/b20 r0/g255/b71
r6/g131/b187 r1/g90/b20 r0/g255/b71
r6/g131/b187 r1/g90/b20 r0/g255/b71
let str='r6/g131/b187 r1/g90/b20 r0/g255/b71';
document.getElementById('output')。innerHTML=str.replace(/\d+/g,函数(匹配){
返回“”+匹配+“”;
});代码>
使用此
函数updateHaystack(input,pineel){返回input.replace(new RegExp('(^ |\s)('+pineel+'))(\s |$),'ig'),'$1$2$3');}var markup=document.getElementById('somediv').innerHTML;var输出=updateHaystack(标记“cows”);document.getElementById('somediv').innerHTML=output如果HTML文档中列出了RGB颜色列表,那么可以做的是查找模式并捕获组,并用
标记将其包围
document.body.innerHTML=document.body.innerHTML.replace(/r(\d+)\/g(\d+)\/b(\d+)/g,“r$1/g$2/b$3”)
r6/g131/b187
r1/g90/b20
r0/g255/b71
测试=1
使用HTML和CSS是不可能的。您必须使用Javascript来实现这一点,如下所示
添加所需样式的简单方法
var showNumbers = function(tag, className) {
var text = $('' + tag).html()
var output = '';
for (var i = 0; i < text.length; i++) {
if ($.isNumeric(text[i])) {
output += "<span class='" + className + "' >" + text[i] + "</span>"
} else {
output += text[i]
}
}
$('' + tag).html(output)
}
showNumbers('.checkMe', 'numColor')
showNumbers('.checkMe2', 'numColor2')
var showNumbers=函数(标记、类名){
var text=$(''+标记).html()
var输出=“”;
对于(变量i=0;i
你到底在找什么?你想用css加粗吗?那么字体权重就是你的朋友了。你想用HTML做什么?那么坚强就是你的朋友。你想用正则表达式吗?为什么?这很简单:但是你需要指定一种编程语言。我列出了一个很长的RGB颜色列表,并且只想在列表中显示粗体数字(这样它们更容易看到)。我正在寻找更精简的解决方案,而不是手动添加标签或。在正则表达式中,我知道我可以使用operator\d…请原谅我的无知,我是从HTML开始的,如何多次使用?似乎当我使用第一个r6/g131/b187时——它完成了工作,然后我使用了第二次span(在下一行),但它不工作。我有一个表中的颜色列表。你应该学习使用Javascript操作DOM的基础知识。选择所有
元素并替换其内容,就像我在这个span中所做的那样。我已经更新了我的示例以包含一个表。“我希望这会有帮助,”彼得说