Javascript 从段落中检索文本并更改其颜色

Javascript 从段落中检索文本并更改其颜色,javascript,jquery,dom,Javascript,Jquery,Dom,search.leng有没有办法从段落中检索文本并更改其颜色 我试着: <p id="userInput">1,2,3,4,5,6,7,some text,another text</p> var qq = document.getElementById("userInput").innerHTML.match(/5/g); var blaaa = qq.style.color = "red"; document.getElementById("userInpu

search.leng有没有办法从段落中检索文本并更改其颜色

我试着:

<p id="userInput">1,2,3,4,5,6,7,some text,another text</p>

 var qq = document.getElementById("userInput").innerHTML.match(/5/g); 
 var blaaa = qq.style.color = "red";
 document.getElementById("userInput").innerHTML = blaaa;

1,2,3,4,5,6,7,一些文本,另一个文本

var qq=document.getElementById(“userInput”).innerHTML.match(/5/g); var blaaa=qq.style.color=“红色”; document.getElementById(“userInput”).innerHTML=blaaa;
编辑:

var search = ['new', 'and'];
$(document).ready(function () {
    for(var i = 0;i<2;i++){
    $("div:contains('"+search[i]+"')").each(function () {
        var regex = new RegExp(search[i],'gi');
        $(this).html($(this).text().replace(regex, "<span class='red'>"+search[i]+"</span>"));
    });
    }
});
var search=['new','and'];
$(文档).ready(函数(){

对于(var i=0;i否),没有,除非您将文本包装在它自己的元素中,例如span

var el=document.getElementById(“用户输入”);
el.innerHTML=el.innerHTML.replace(/(5)/g,'$1');

1,2,3,4,5,6,7,一些文本,另一个文本

您想更改段落标记内容的颜色还是用其他内容替换文本?试试这个$(“#userInput”).css('color','red');@PawanLakhara我只需要搜索段落中的文本并将其颜色更改为红色(不是整个p为红色,只是其中的一部分。例如:aa、bb、cc、dd

和var q=“cc”。在p中,如果var q=“cc”在这种情况下,只将cc颜色更改为红色检查此链接@PawanLakhara nice one man!我将尝试适应我的情况。THX alot!我可以为p中的多个文本更改颜色吗?我有一个数组=[“5”,“7”],我需要在

3,5,6,7,8

仅5和7的颜色?请记住,数组可以更改其值(5和7是示例)和文本。如果要同时更改5和7,可以将正则表达式更改为
/(5 | 7)/g
等->