如何使用jquery在div中添加span？

Question

我想在下面的div代码中添加span以了解我的问题

<div class="tags">
**<span class="tag">sd<button class="close" type="button">×</button></span>**
<input type="text" placeholder="Enter tags ..." id="form-field-tags" name="tags" style="display: none;"><input type="text" placeholder="Enter tags ...">
</div> 

**<span>**描述在输入标记

之前在div之间插入一个或多个标记的位置

Answer 1

您可以使用insertBefore

$('<span class="tag">sd<button class="close" type="button">×</button></span>')
.insertBefore('#form-field-tags');

Answer 2

您可以使用 .prepend() ：

  

将参数指定的内容插入每个内容的开头   匹配元素集合中的元素。

$('div.tags').prepend('<span class="tag">sd<button class="close" type="button">×</button></span>');

<强> Fiddle Demo

Answer 3

使用.prepend()：

 $('div.tags').prepend('<span class="tag">sd<button class="close" type="button">×</button></span>')

Answer 4

尝试：

$('input.tags').prepend('<span>what you want</span>');