jquery - 在 after() 上创建一个元素；

Question

我正在使用 jquery。有没有其他方法可以限制创建元素？

这是我的代码..

if($(this).val() == "") {
   $(this).addClass('error').after('<span class="jquery_form_error_message">' + 'This field is required' + "</span>");
   validated = false;
   return false;

这实际上是一个验证.. 除非您填写每个字段数据，否则您不能跳过。我的问题是。当我点击提交时。按钮.. 它在 div 的顶部创建了一个多跨度类.. 这真是一团糟。

Answer 1

您可以检查元素是否存在：

if ($(this).next('.jquery_form_error_message').length > 0) {
  // Exists
} else {
  // Doesn't exist
}

Answer 2

 function test() {
            if ($(this).val() == "") {
                $(this).addClass('error').after($(this).next('span.jquery_form_error_message').length === 1 ? ('<span class="jquery_form_error_message">' + 'This field is required' + "</span>") : '');
                validated = false;
                return false;
            }
            else {
                $(this).removeClass('error').next('span.jquery_form_error_message').hide();
                validated = true;
                return true;
            }
        }