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

Question

我确定这是一个简单的问题，但我找不到这个怎么回事。

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

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

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

Answer 1

您可以使用html-function：

执行此操作

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

可以使用css，假设<p>没有其他孩子会受到影响而且你想要改变任何不在范围内的东西

p {
   color: red 
}

p > span {
  color: black
}

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