Javascript 如何使用jQuery更改特定文本？

我有以下html代码：

<label class="checkbox" id="check_rem0">
    Checkbox
    <input type="checkbox" disabled="disabled" id="form_checkbox_0">
</label>

---

另外，我不一定知道会出现什么文本。

不要将输入嵌套在标签中。将两者与

关联。这样，您就可以随心所欲地操纵文本

$('#check_rem0').html('Another text <input type="checkbox" disabled="disabled" id="form_checkbox_0">');

<label class="checkbox" id="check_rem0" for="form_checkbox_0">
    Checkbox
</label>
<input type="checkbox" disabled="disabled" id="form_checkbox_0">

复选框

不要将输入嵌套在标签中。将两者与

关联。这样，您就可以随心所欲地操纵文本

<label class="checkbox" id="check_rem0" for="form_checkbox_0">
    Checkbox
</label>
<input type="checkbox" disabled="disabled" id="form_checkbox_0">

复选框

将label=中的'for'参数设置为输入元素的id

<label for="form_checkbox_0" class="checkbox_0_label>Checkbox</label>
<input type="checkbox" disabled="disabled" id="form_checkbox_0">

---

将label=中的'for'参数设置为输入元素的id

<label for="form_checkbox_0" class="checkbox_0_label>Checkbox</label>
<input type="checkbox" disabled="disabled" id="form_checkbox_0">

---

一般来说，每当我有特定的文本要替换时，我都会用ID将其包装在

中，并更改跨度的文本

例如：

...
<h1>This is a heading with some <span id="change">embedded text</span> I'd like to change </h1>
...
<script type="text/javascript">
    $(document).ready(function() {

         $("#change").html("changed text");
    });
</script>

。。。
这是一个带有一些嵌入文本的标题，我想更改
...
$（文档）.ready（函数（）{
$（“#更改”）.html（“更改文本”）；
});

---

编辑：将承认这对于问题内容中引用的问题不是一个很好的解决方案，但认为它很好地回答了标题。

一般来说，每当我有特定文本要替换时，我都会将其包装在带有ID的

中，并更改跨度的文本

例如：

...
<h1>This is a heading with some <span id="change">embedded text</span> I'd like to change </h1>
...
<script type="text/javascript">
    $(document).ready(function() {

         $("#change").html("changed text");
    });
</script>

。。。
这是一个带有一些嵌入文本的标题，我想更改
...
$（文档）.ready（函数（）{
$（“#更改”）.html（“更改文本”）；
});

---

编辑：将承认对于问题内容中提到的问题，这不是一个好的解决方案，但认为它很好地回答了标题。

您的HTML应该如下所示：

<label class="checkbox" id="check_rem0" for="form_checkbox_0">
    Checkbox
</label>
<input type="checkbox" disabled="disabled" id="form_checkbox_0">

---

您的HTML应该如下所示：

<label class="checkbox" id="check_rem0" for="form_checkbox_0">
    Checkbox
</label>
<input type="checkbox" disabled="disabled" id="form_checkbox_0">

---

---

您可以使用.html获取html，然后替换它，但您将丢失存储在复选框中的任何事件或数据。在这一点上，最好使用本机javascript，直接选择节点并对其进行更改。

html

似乎也有同样的效果，但如果使用正确的话<代码>$（“.checkbox”）.first（）.html（$（.checkbox”）.first（）.html（）.replace（“复选框”，“另一个复选框”）您可以使用.html获取html，然后替换它，但您将丢失存储在复选框中的任何事件或数据。在这一点上，最好使用本机javascript，直接选择节点并对其进行更改。

html

似乎也有同样的效果，但如果使用正确的话<代码>$（“.checkbox”）.first（）.html（$（.checkbox”）.first（）.html（）.replace（“复选框”，“另一个复选框”）var checkbox=$（“”，{text:“checkbox”}）$（“”，{type:“checkbox”}）.appendTo（checkbox）能否将表单生成代码添加到问题中？这无疑使问题复杂化。也就是说，您可以将

appendTo

更改为

insertAfter

，这样它就不会插入标签内部，而是插入标签之后。您还应该切换附加对象的顺序，以确保添加到活动DOM是最后一个操作。+1我完全同意。如果你需要符合WCAG，你不应该像@Mathletics所说的那样嵌套你的输入。出于某种原因，请参见jquery生成如下内容：

var checkbox=$（“”，{text:“checkbox”}）$（“”，{type:“checkbox”}）.appendTo（checkbox）能否将表单生成代码添加到问题中？这无疑使问题复杂化。也就是说，您可以将
appendTo
更改为
insertAfter
，这样它就不会插入标签内部，而是插入标签之后。您还应该切换附加对象的顺序，以确保添加到活动DOM是最后一个操作。+1我完全同意。如果你需要符合WCAG，你不应该像@Mathletics所说的那样嵌套你的输入。请看，我也在考虑这个解决方案，但我不知道要替换的文本您不知道还是不想要？你说“有没有办法只替换标签上的文字？”。我工作，我在这里测试过：我在考虑这个解决方案，但我不知道要替换的文本你不知道还是你不想？你说“有没有办法只替换标签上的文字？”。我工作了，我在这里测试了它：这不回答OPs问题，它避免了它。它既回答了文本中引用的特定问题，也回答了标题中引用的更一般的问题。任何人都应该能够从我的回答中推断，OP可以轻松地将文本包装成
，以隔离文本并以这种方式更改文本。这是如何避免这个问题的？不，它描述了您如何执行类似的任务。在OPs建议的聚合解决方案中，使用标签、输入和建议将有多个复选框，这种对实际问题的避免将导致非常不干净的混乱实现。对于那些关心这一点的人来说，这也会导致非语义标记。（我知道。）那么，我道歉。我的印象是，人们有时会浏览stackoverflow，寻找与OP类似但不完全相同的问题的答案。在这种情况下，我想很多人会浏览一个名为
如何使用jquery更改特定文本的问题
，希望这样做-不总是在包含文本和输入的表单标签的上下文中。这并不能回答问题，它既回答了正文中提到的具体问题，也回答了标题中提到的更一般的问题。任何人都应该能够从我的回答中推断，OP可以轻松地将文本包装成
，以隔离文本并以这种方式更改文本。这是如何避免这个问题的？不，它描述了您如何执行类似的任务。在OPs建议的聚合解决方案中，使用标签、输入和建议将有多个复选框，这种对实际问题的避免将导致非常不干净的混乱实现。对于那些关心这一点的人来说，这也会导致非语义标记。（我知道。）那么，我道歉。我