jquery - 将新标签附加到特定元素之后的 <div> 中？

Question

<div>
   <input type="text" class="form-control" />
   <i class="fa fa-camera"></i>
   <i class="fa fa-smile-0"></i>
</div>

我的问题是:如何附加

<img src="/images/img01.png" />

至 <div>位置:

<div>
   <input type="text" class="form-control" />
   <img src="/images/img01.png" />
   <i class="fa fa-camera"></i>
   <i class="fa fa-smile-o"></i>
</div>

通过 jQuery？

Answer 1

您可以使用 jQuery 的 .after() :

$("div input.form-control").after("<img src='https://placeholdit.imgix.net/~text?txtsize=19&txt=200%C3%97100&w=200&h=100' />");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
   <input type="text" class="form-control" />
   <i class="fa fa-camera"></i>
   <i class="fa fa-smile-0"></i>
</div>