Question

我想在每个<span class='validation'></span>之后添加<label class="control-label">。我试过跟随，但是在每个标签后多次添加span类。

我还尝试在控制标签类之后使用.one()但是没有用。

我也希望为每个选择添加相同的类。将在$('#myform :input')内部添加select？

此代码有什么问题。

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

Answer 2

因为您在每个控件标签类之后添加了span。

试试这样：

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

也许有点疯狂，但应该工作。希望这会有所帮助。

Answer 3

你可以简单地

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

这将在类control-label后面紧跟:input

的任何内容之间插入一个范围

这恰好针对您在问题中打算做的事情

插入失败后的每个循环

3 个答案: