更新「文本」與jQuery

Question

節點我有HTML這樣的：

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

有什麼改變「排版」到「存有」的最佳方式？這些不工作：

// 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> 

或直接使用replaceWholeText DOM方法：

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

或任意數量的其他事情，但我想知道是否有一個乾淨的jQuery方式來做到這一點。

Answer 1

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

不過，我個人會用nodeValue。

希望這會有所幫助！

DEMO： http://jsfiddle.net/dirtyd77/SLGdE/25/

Answer 2

醜陋的方式：

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

或者更好：

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

Answer 3

的jQuery沒有任何一流的文本節點的支持。您可以：

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

或使用<span>標識符或類和目標。如果您需要動態更改文本，則可能需要這樣的容器。