jquery - 引导程序中的单选按钮文本

Question

一般来说，我是引导程序、jQuery 和 Web 开发的新手。

我想使用 jQuery 更改单选按钮的文本。

这是 HTML：

<label class="btn btn-primary">
<input type="radio" name="options" id="option1"> Option 1
</label>

我不知道如何选择内部文本（选项 1）并进行更改。

当我做 ：

$("label + input").html(question.choices[choice]);

我什么也没得到，我找到了一种解决方法，就是在里面添加另一个标签，如下所示：

<label class="btn btn-primary">
<input type="radio" name="options" id="option1">
<label class="answer"> Option 1</label>
</label>

但我不喜欢这个解决方案，我认为我不需要那个额外的标签。

Answer 1

尝试类似的东西

$('#option1').get(0).nextSibling.textContent = 'asdf'

或者

$('#option1').get(0).nextSibling.data = 'asdf'

Answer 2

我会将文本放在像这样的 span 元素中：

<label class="btn btn-primary">
  <input type="radio" name="options" id="option1"/> <span>Option 1</span>
</label>

然后您可以像这样轻松引用它：

$("label span").html('foo');

Answer 3

尝试这个

HTML

<label class="btn btn-primary">
<input type="radio" name="options" id="option1">
<label for="answer"> Option 1</label>
</label>

JS

$('label[for=answer]').html('your text');