Javascript 使用hasClass循环输入

我有一个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 class="form-field  first_name pd-text required">
        First Name *
        <input type="text" name="first_name">
    </p>

名字*

---

这在jQuery内部可能吗？

我通过以下方法解决了这个问题：

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

$（'.required'）。每个（函数（）{
$（this）.html（函数（索引，currentHtml）{
返回currentHtml.replace（“
”，“*
”）；
});
});

您可以使用：

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

---

可能吗？当然，

$（'.required'）。每个（function（）{

如果您将html更改为使用标签进行标签，则即使是纯css也可以这样做⇑⇑⇑ 看例句：和我最后做的很相似，不过还是谢谢你的时间，我已经接受了你的答案！

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