使用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 += ' *';
});

工作演示

Answer 2

我设法使用以下方法修复此问题：

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