Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript:如何在一行或一段中突出显示一些数字或文本?_Javascript_Jquery_Css - Fatal编程技术网

Javascript:如何在一行或一段中突出显示一些数字或文本?

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

我正在使用第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

输出应该是
只有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);