Jquery 关于使用.after（）和.insertAfter（）方法将div添加到requiredPlace的问题

我正在尝试使用after（）方法在jQuery中的类之后添加eeror消息div

我的原始HTML代码如下所示：

<div class="input-group">
      <span class="input-group-addon"> Name</span>
      <input type="text" name="myname" id="myname" class="form-control" pattern="[A-Za-z ]+" autofocus="" required="" placeholder="Your Name">
</div>

它将div

.err

插入到所需的位置，但是它正在基于

.each（）

函数复制div！例如，如果我有三个输入，它会为三个元素循环三次

你能告诉我怎么解决这个问题吗

谢谢

使用

parent（）

或

closest（）

$（'.输入组：输入[必需]）。每个（函数（）{
var$this=$（this）；
如果（$this.val（）==''）{
$this.parent（）.after（'this is a required Field'）；
}
});

或

$（this）.closest（'.input group'）。after（'this is a required Field'）；

谢谢bipen这正是我想要的

$('.input-group :input[required]').each(function() {
    if ($(this).val()==='') {
    $(this).after('<div class="err">This is a Requierd Field</div>');
}

$('<div class="err">This is a Required Field</div>').insertAfter('.input-group');

 $('.input-group :input[required]').each(function() {
   var $this=$(this);
   if ($this.val()==='') {
       $this.parent().after('<div class="err">This is a Requierd Field</div>');
   }
 });

 $(this).closest('.input-group').after('<div class="err">This is a Requierd Field</div>');