css - 我可以使用CSS在HTML中设置整数值的样式吗

我想知道，是否有一种仅在给定类中设置整数样式的方法？

我的html看起来像这样:

<div class="output">0 hours 12 minutes and 40 seconds remaining</div>

所以我只想使整数变粗

我正在寻找另一个选择，然后这样:

 <div class="output"><b>0</b> hours <b>12</b> minutes and <b>40</b> seconds remaining</div>

最佳答案

您可以为此使用正则表达式和.replace。

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="output">0 hours 12 minutes and 40 seconds remaining</div>

或使用纯JavaScript。

// See this answer about getting text: http://stackoverflow.com/a/6743966/1150683
var el = document.getElementsByClassName('output')[0];
var text = el.innerText || el.textContent || '';

el.innerHTML = text.replace(/(\d+)/g,"<strong>$1</strong>");

<div class="output">0 hours 12 minutes and 40 seconds remaining</div>

关于css - 我可以使用CSS在HTML中设置整数值的样式吗，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38985182/