JavascriptまたはJqueryを使用して文字列の真ん中のテキストの色を変更する方法

Question

これは簡単な問題だと確信していますが、これを行う方法を見つけることはできません。

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

javascriptまたはjqueryを使用して「色」の文字の色を変更する必要があります。私はクラスやIDを追加するHTMLを変更することはできません。

私は要素ノードの作成を見てきましたが、それを動作させることはできません。

Answer 1

は<p>が、他のオプションは、スクリプトを使用して別の要素でテキストを折り返す必要がありますスパンで影響を受けるであろうと、あなたが何かを変更したいされている他の子供ではない

p { 
    color: red 
} 

p > span { 
    color: black 
} 

を持っていないと仮定すると、CSSでそれを行うことができますその要素に色を設定します。

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>