How to add span in div using jquery?

Question

I want to add span to div code below to understand my problem

<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>** decribe place for insert one or many tag between div before input tag

Answer 1

You can use insertBefore

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

Answer 2

You can use .prepend() :

Insert content, specified by the parameter, to the beginning of each element in the set of matched elements.

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