各ループが挿入後に失敗する

Question

<label class="control-label">の後に<span class='validation'></span>を追加しようとしています。私は次のように試しましたが、各ラベルの後にスパンクラスを複数回追加しています。

コントロールラベルクラスの後に.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

は、各コントロール・ラベルクラスの後にスパンを追加しますので。多分少しクレイジー

$('<span>Validation</span>').insertAfter($(this).parent().find('.control-label')); 

が、動作するはずです：

は次のように試してみてください。 これが役立つことを願っています。

Answer 2

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

Answer 3

あなたは、単に

$("<span class='validation'></span>").insertBefore("#myform .control-label+:input"); 

これはクラスcontrol-labelで何間のスパンを挿入しますすることができますすぐに、これは正確にあなたがあなたの質問