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

Question

我不熟悉bootstrap，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');