jquery - jQueryを使用した「テキスト」ノードの更新

Question

私は次のようなHTMLを持っています：

<label><input type="radio" /> Lorem</label>

「Lorem」を「Ipsum」に変更する最良の方法は何ですか？これらは機能しません：

// nope:
$('input').next().text('Ipsum'); 

// also nope:
var text = $('input').parent()[0].childNodes[1];
$(text).text('Ipsum');

htmlを次のように簡単に変更できます。

<label><input type="radio" /><span> Lorem</span></label>

または、replaceWholeTextDOMメソッドを直接使用します。

$('input').parent()[0].childNodes[1].replaceWholeText(' Ipsum');

または他の多くのものがありますが、これを行うためのクリーンなjQueryの方法があるかどうか疑問に思っています。

score 1 · Accepted Answer

jQueryはファーストクラスのテキストノードをサポートしていません。あなたは出来る：

$("input")[0].nextSibling.nodeValue = "Ipsum";

<span>または、識別子またはクラスでaを使用し、それをターゲットにします。テキストを動的に変更する必要がある場合は、おそらくそのようなコンテナが必要です。

score 1 · Accepted Answer

醜い方法：

 $('input').parent().contents().each(function(){
   if(this.nodeType === 3)
     this.nodeValue= "Ipsum";
 });

またはそれ以上：

$('input')[0].nextSibling.nodeValue = "Ipsum";

score 0 · Accepted Answer

$('label').contents().last().replaceWith("Ipsum");

ただし、個人的にはを使用しますnodeValue。

お役に立てれば！

3 に答える 3