如何使用Javascript或Jquery更改字符串中间的文本颜色

Question

我敢肯定这是一个简单的问题，但是我找不到如何做到这一点。

<p><span="test1">This is some test</span> text to color.</p>

我需要使用javascript或jquery更改“要着色”字符的颜色。 我无法更改html添加类或ID。

我已经看过创建元素节点，但是无法使其工作。

Answer 1

您可以使用html-function来做到这一点：

 $('p').html(function(i, txt) { return txt.replace('to color', '<span style="color: red;">to color</span>') }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p><span id="test1">This is some test</span> text to color.</p> 

Answer 2

可以使用css进行操作，假设<p>没有其他会受影响的子级，并且您想更改不在范围内的任何内容

p {
   color: red 
}

p > span {
  color: black
}

另一个选择是您必须使用脚本将文本包装在另一个元素中，并在该元素上设置颜色。