替换具有非textnode兄弟节点的textnode

Question

对于此HTML

  

＆LT;标签   ID = “nameWrapper” ＆GT;＆LT;输入   type =“checkbox”name =“name”   /＆GT;客人＆LT; /标签＆gt;

用其他文字替换guest的最短javascript代码是什么？我能想到的是，

$('#nameWrapper').contents().filter(function() {
  return this.nodeType == 3;
}).replaceWith('other text');

Answer 1

非jQuery方法。

示例： http://jsfiddle.net/patrick_dw/NLJ3e/

document.getElementById('nameWrapper').lastChild.data = 'new text';

或者使用jQuery选择器缩短它：

示例： http://jsfiddle.net/patrick_dw/NLJ3e/1/

$('#nameWrapper')[0].lastChild.data = 'new text';

或者更长一点（也更慢），但更像jQuery：

示例： http://jsfiddle.net/patrick_dw/NLJ3e/2/

$('#nameWrapper').contents().last().replaceWith('new text');