jquery - 如果输入具有 required 属性，如何在标签中添加 span.required 元素？

Question

是否可以添加 <span class="required">*</span>在label元素中，input字段是否有required属性？

HTML:

<div class="form-group">
    <label class="col-sm-4 control-label" for="customer_phone">Email:</label><p></p>
    <div class="col-sm-8">
        <input type="text" id="b_customer_email" class="form-control" size="40" value="<?php echo get_user_meta (get_current_user_id(),'b_customer_email',true);?>" name="b_customer_email" required>
    </div>
</div>`

我试过这个jquery:

$(document).ready(function(){
    $("input").has("[required]")function() {
        $(".control-label").after("<span class='required'>*</span>");
    };
});   

label 元素后没有添加span 元素。

我应该向脚本中添加什么才能使其正常工作？

Answer 1

Demo .你实际上是在正确的方式。但请记住 :has 选择器不是原生的，因此效率不高。

$(function() {
    $('.form-group:has(input[required]) > label.control-label')
        .after('<span class="required">*</span>')    
})