Javascript:如何在一行或一段中突出显示一些数字或文本?
我正在使用第n个child将红色添加到某些特定的数字,但它不起作用。 有人可以展示如何使用JQuery或CSS修复或替代这一问题吗? 因为这是正在生成的。有没有办法选择一个范围来突出显示一些数字Javascript:如何在一行或一段中突出显示一些数字或文本?,javascript,jquery,css,Javascript,Jquery,Css,我正在使用第n个child将红色添加到某些特定的数字,但它不起作用。 有人可以展示如何使用JQuery或CSS修复或替代这一问题吗? 因为这是正在生成的。有没有办法选择一个范围来突出显示一些数字 p.range:nth-child(n+2):nth-child(-n+4) { color:red; } <p class="range"> 123345232</p> p.range:第n个子项(n+2):第n个子项(-n+4){ 颜色:红色; } 123345232
p.range:nth-child(n+2):nth-child(-n+4) {
color:red;
}
<p class="range"> 123345232</p>
p.range:第n个子项(n+2):第n个子项(-n+4){
颜色:红色;
}
123345232
输出应该是
只有233应该是红色的您可以使用一点jQuery在每个数字周围添加一个
。这段代码可以做到(如果您已经在使用jquery):
var numbers=$(“.range”).html().replace(/\s/g.).split(“”);
var span=“”+数字。连接(“\n”)+”;
$(“.range”).html(跨度);
还有。我并没有做CSS,我把它留给你。对您提供的CSS稍加修改,就可以与javascript配合使用。预期的选择是什么?查找HTML节点而不是文本内容。一种方法是用
元素包装每个数字,并尝试选择正确的
。正在生成数字。。我试过了12345678@user244394如果正在生成它们,请尝试将每个数字放在一个单独的
元素中,如下所示:12…
,选择器将是:p.range>span:n第n个子级(n+2):第n个子级(-n+4)
@哈希姆-谢谢。但我不能插入span,因为它会生成随机数,例如:$7005679.456。我希望有一种更简单的方法来突出一个特定的数字范围。
var numbers = $(".range").html().replace(/\s/g, '').split("");
var spans = "<span>" + numbers.join("</span>\n<span>") + "</span>";
$(".range").html(spans);