如何使用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
}

另一個選擇是您必須使用腳本將文本包裝在另一個元素中，並在該元素上設置顏色。