如何使用 jQuery 更改标签值，而不按类或 ID 选择？

Posted 2023-05-07

【中文标题】如何使用 jQuery 更改标签值，而不按类或 ID 选择？

【英文标题】：How to change label value using jQuery, without selecting by class or ID?

【发布时间】：2016-05-26 05:01:54

【问题描述】：

这是我的第一个问题。在我的表单上，我想将文本“颜色”更改为“选择颜色”。

<label for="ProductSelect-option-0">Color</label>

输出将是

<label for="ProductSelect-option-0">Choose Color</label>

无需添加类或 ID。用 jQuery 怎么可能？

【问题讨论】：

我们需要更多的 html 来了解如何遍历 DOM 来查找元素。另请注意，实际更新 HTML 源代码而不是用 JS 修补它会远更好

【参考方案1】：

你可以通过元素类型选择特定的道具

$('label[for="ProductSelect-option-0"]').text('Choose Color');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label for="ProductSelect-option-0">Color</label>

【讨论】：

@LindaCapellini 您标记了您的问题 jQuery，但我怀疑您没有将它包含在您的源代码中。 jsFiddle 是该代码有效的明确证明

【参考方案2】：

既然你用css标签标记了这个问题，这里是一个css方法

label[for="ProductSelect-option-0"]::before 
   content: "Choose ";
   display: inline-block;