jQueryのテキストノードを選択し、それに

Question

を任意のCSS機能をプリフォームすることはできません。これはテキストです：

<div id="wrapper1">Welcome to our website<span class="inner">, </span>Bud!</div> 

ので選択した後に「芽を！」

var elementOne = $('#wrapper1')[0].childNodes[2].nodeValue; 

私はelementOne.css("color", "red");を行うと、私はのエラーを取得しています：

Uncaught TypeError: elementOne.css is not a function

私は、この変数にCSSをプリフォームするにはどうすればよい？と

まだ機能していない

TRIAL: tried with this:

var elementTwo = $('#wrapper1'); 
elementTwo.html(elementTwo.text().replace(/(\w+?)$/, '<span style="color: red;">$2</span>')); 

（彼は私にjQueryのラップ機能へのリンクを与えた）偉大なスコットが提供するラップ、としようとして

EDIT: Please note that I am not interested to add a span and this was given to me by someone as a quiz test and there is a way to preform this without adding the span

。

Answer 1

これを試してみてください：

あなたのhtml

<div id="wrapper1">Welcome to our website<span class="inner">, </span>Bud!</span></div> 

あなたのjavascriptの

var elementOne = $('#wrapper1')[0].childNodes[2]; 
$(elementOne).wrap("<div>").css("color","red"); 

Answer 2

<div id="wrapper1">Welcome to our website<span class="inner">, </span><span class="bud">Bud!</span></div> 


$(".bud").css("color", "red"); 

これは正常に動作し、あなたがテキストノード、それだけで作品のCSS機能を適用するべきではありませんon jQueryオブジェクト。これは私が答え見つけた

Answer 3

を助けることができる

希望：

var elementOne = $('#wrapper1')[0].childNodes[2]; 
$(elementOne).wrap("<span style='color: red;'>");