如何更改标签文本而不干扰标签内的输入单选？答案

【问题标题】：How can I change a label text without interfering with an input radio inside the label?如何更改标签文本而不干扰标签内的输入单选？
【发布时间】：2014-10-11 14:40:44
【问题描述】：

在我的 html 模板中，我有一个标签，里面有一个输入单选：

<label id="myid" class="inline">
    <input type="radio" value ="11"> 
    my text
</label>

我需要用 jquery 更改标签的文本。我试过这个：

$('#myid').html('my new text');

或

$('#myid').text('my new text');

但是当我这样做时，我失去了我的输入收音机。如何保留标签内的输入单选并修改标签的文本？

【问题讨论】：

$('#myid input').get(0).nextSibling.nodeValue = 'my new text';

标签： javascript jquery html label radio-group

【解决方案1】：

试试这个：

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

【讨论】：

【解决方案2】：

将您的文本放入span 并尝试以下操作：

<label id="myid" class="inline">
    <input type="radio" value ="11">
    <span>my text</span>
</label>

$('#myid').find("span").text('my new text');

Check JSFiddle Demo

【讨论】：