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>');
    });
});

使用hasClass循环输入

2 个答案: