javascript - 在 <label> 中找到一个字符并设置类

Question

我正在尝试找到一种方法来突出显示表单中的某些必填字段。 我无权访问此应用程序的标签设置，因此我想尝试在标签中找到一个字符并将其更改为更加突出。

必填字段的当前标签设置如下例:

<label>First Name *</label>

我想在页面中找到星号 * within label 标记 的所有实例，并将它们包装在 CSS 类中，以便我可以设置颜色或替换为图像。 这可以实现吗？

提前谢谢你。

Answer 1

查找所有包含星号的标签， 用您的元素替换 html

 $("label:contains('*')").each(function(){
   var r = $(this).html().replace('*',','<sup class="conditions">*</sup>');
   $(this).html(r);
 });

but this could be done much nicer/faster with css:

 label.requiredField:after {
    content: "*";
    color:#f00;
 }

 /** your HTML would be **/
 <label class="requiredField">First Name</label>

 /** and renders like: **/
 First Name*

更多信息:http://www.quirksmode.org/css/beforeafter.html