如何使用jQuery在div中添加跨度？

Question

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

<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>');

小提琴演示

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>');