Javascript 또는 Jquery를 사용하여 문자열 중간에있는 텍스트의 색을 변경하는 방법

Question

나는 이것이 간단한 문제라는 것을 확신하지만이 작업을 수행하는 방법을 찾을 수 없습니다.

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

javascript 또는 jquery를 사용하여 "to color"문자의 색상을 변경해야합니다. 클래스 또는 ID를 추가하는 HTML을 변경할 수 없습니다.

요소 노드를 만들었지 만 작동하지 않습니다.

Answer 1

는 CSS를 <p>가 영향을받는 다른 아이가없는 당신이하지 다른 옵션은 스크립트를 사용하여 다른 요소에 텍스트를 포장해야한다

p { 
    color: red 
} 

p > span { 
    color: black 
} 

기간에 아무것도 변경하고자하는 가정 함께 할 수 그 요소에 색을 설정하십시오.

Answer 2

당신은 html-function 함께 할 수있는 : 나는 HTML *을 변경할 수 없습니다 *

$('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>