javascript - insertafter 失败后的每个循环

Question

我正在尝试添加<span class='validation'></span>每次之后 <label class="control-label"> 。我尝试过以下操作，但它在每个标签后多次添加跨度类。

我也尝试过使用.one()在控制标签类之后但没有起作用。

我也想为每个选择添加相同的类。将在$('#myform :input')内添加选择工作？

这段代码有什么问题。

$('#myform :input').each(function(){
    $( "<span class='validation'></span>").insertAfter(".control-label");                           
});

HTML

<div class="col-sm-12">
     <label for="Rec_Name" class="control-label">Your Name :</label>    
     <input class="form-control" type="text" id="Rec_Name" name="Rec_Name" placeholder="Enter Your Name">
</div>

Answer 1

您可以定位.control-label。

示例:

HTML

<form action="">
    <label for="Rec_Name" class="control-label">Your Name :</label>    
    <input class="form-control" type="text" id="Rec_Name" name="Rec_Name" placeholder="Enter Your Name">
</form>

Jquery

$('form .control-label').each(function(){
    $( "<span class='validation'></span>").insertAfter(this);
});