jquery - 恰好在某些标签后附加

HTML：

<div class="form-group img-upload">
     <label class="control-label col-md-offset-3 col-md-2 btn green" style="text-align:center;">Add Image<span class="required" aria-required="true"></span>
     </label>
     <div class="col-md-7" id="prev_image"></div>
</div>

我要附加：

 <input type="file" name="data[Tolet][images][]" class="form-control hide img-btn" id="1">

恰好之后
#img-upload>label>span

追加后我期望的html：

<div class="form-group img-upload">
    <label class="control-label col-md-offset-3 col-md-2 btn green" style="text-align:center;">Add Image<span class="required" aria-required="true"></span>
        <input type="file" name="data[Tolet][images][]" class="form-control hide img-btn" id="1">
    </label>
    <div class="col-md-7" id="prev_image"></div>
</div>

jQuery的

var fileInput = '<input type="file" name="data[Tolet][images][]" class="form-control hide img-btn" id="'+ id +'">';
('.img-upload>label>span').append(fileInput);

但它不起作用没有显示任何错误。

最佳答案

您正在寻找.after()


在参数的每个元素之后插入由参数指定的内容
匹配元素集。

$('.img-upload>label>span').after(fileInput);

DEMO

您也可以使用.insertAfter()

$(fileInput).insertAfter('.img-upload>label>span');

DEMO


.after()和.insertAfter()方法执行相同的任务。的
主要区别在于语法，具体而言，
内容和目标。使用.after()，选择器表达式
方法之前的是容器，之后是内容
已插入。另一方面，使用.insertAfter()时，内容位于
该方法，作为选择器表达式或在其上创建的标记
苍蝇，并将其插入目标容器之后。

关于jquery - 恰好在某些标签后附加，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32350883/