javascript - 如何更新模板单选按钮

Question

是否有一种使用 JQuery 更新“描述”的优雅方法？

<div>
    <div class="radio">
        <label>
            <input name="somename" type="radio">description
        </label>
    </div>
    <div class="well">
        <div class="line">Something</div>
        <div class="line">Something else</div>
    </div>
</div>

我曾尝试在标签上添加文本(“新描述”)，但随后输入也被删除。有没有在我的 javascript 中没有序列化 html 的解决方案？

jsfiddle

我想要实现的是在源 html 中有一个模板单选按钮，我可以动态克隆、更新和附加它。我不确定是否有更好的模式来实现动态选择列表。

Answer 1

在这里:只需使用标签

$('#somelabel').text('new description');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <div class="radio">
    <input name="somename" type="radio">
    <label id='somelabel' for="somename">description</label>
  </div>
  <div class="well">
    <div class="line">Something</div>
    <div class="line">Something else</div>
  </div>
</div>

希望这有帮助。