使用hasClass循環輸入

Question

我有一個HTML表單，我需要通過使用jQuery來檢查每個元素是否附有required類來執行循環。

這裏是我的HTML佈局：

<form> 
    <p class="form-field first_name pd-text required"> 
     First Name<br> 
     <input type="text" name="first_name"> 
    </p> 
    <p class="form-field last_name pd-text required"> 
     Last Name<br> 
     <input type="text" name="last_name"> 
    </p> 
    <p class="form-field mobile pd-text required"> 
     Mobile<br> 
     <input type="text" name="mobile"> 
    </p> 
    <p class="form-field email pd-text"> 
     Email<br> 
     <input type="text" name="email"> 
    </p> 
    <p class="form-field skype pd-text"> 
     Skype<br> 
     <input type="text" name="skype"> 
    </p> 
</form> 

正如你只能看到一些p元件具有required類連接，我需要做某種foreach循環和文本後追加一個星號標誌，因此，例如：

<p class="form-field first_name pd-text required"> 
     First Name 
     <input type="text" name="first_name"> 
    </p> 

將成爲

<p class="form-field first_name pd-text required"> 
     First Name * 
     <input type="text" name="first_name"> 
    </p> 

這是可能的內部jQuery？

Answer 1

您可以使用：？

$('.required').each(function() { 
    $(this).contents()[0].textContent += ' *'; 
}); 

Working Demo

Answer 2

我設法解決此使用下列內容：

$('.required').each(function() { 
    $(this).html(function(index, currentHtml) { 
     return currentHtml.replace('<br>', '*<br>'); 
    }); 
});