在<label>中找到一个字符并设置class

Question

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

必填字段的当前标签设置为此示例:

<label>First Name *</label>

我想在页面中的标签标签中找到星号*的所有实例,并将它们包装在CSS类中,这样我就可以设置颜色或替换为图像.这可以实现吗？

先感谢您.

Answer 1

查找所有标签都包含星号,将html替换为您的元素

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

但是使用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