입력에 속성이 필요한 경우 label에 span.required 요소를 추가하는 방법은 무엇입니까?

Question

레이블 필드에 <span class="required">*</span>을 추가 할 수 있습니까? 입력 필드에 필수 속성이 있습니까?

HTML :이 jQuery를 시도

<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>` 

그리고 :

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

스팬 요소가 레이블 요소 다음에 추가되지 않습니다.

스크립트를 작동 시키려면 어떻게해야합니까?

Answer 1

Demo. 당신은 실제로 올바른 길을 가고있었습니다. 그러나 :has 선택자는 네이티브가 아니므로 실제로는 효율적이지 않습니다.

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