jquery - 使用 jquery 为 data-required=true 的所有表单字段添加星号

Question

我正在使用它来将 fontawesome 库中的星号添加到所有具有“必需”作为伪元素的表单字段（在 Twitter 引导表单中）：

字段示例：

<input type="text" name="firstname" 
    data-required="true" 
    data-error-message="Please enter your firstname" /> 

jQuery：

$(":required")
    .closest(".control-group")
    .children("label")
    .prepend("<i class='icon-asterisk'></i> ");

这工作正常，但我现在转移到parsley.js来验证我的表单输入。Parsley 使用 data-required='true' 作为伪元素。我现在不是很喜欢伪选择器。如何更改我的 jquery 以再次执行此操作？

Answer 1

这可能会奏效。

$( 'input[data-required="true"]' )
        .closest(".control-group")
        .children("label")
        .prepend("<i class='icon-asterisk'></i> ");

链接到文档。