使用jQuery在锚标签的文本之间添加跨度标签

Question

How would you add a span tag before the text inside a hyperlink? Right now, I'm using this:

<script type="text/javascript">
    $("a").before('<span class="k-icon k-add"></span>');
</script>

I tried the above code but the required span is coming before the anchor tag

<span class="k-icon k-add"></span><a href="some page">Add</a>

I need the link to look like this when it is parsed:

<a href="some page"><span class="k-icon k-add"></span>Add</a>

Any ideas?

Answer 1

使用prepend在元素的开头添加一些内容：

$("a").prepend('<span class="k-icon k-add"></span>');

Answer 2

I suggest you to add icons not with js but with pseudo elements in css

It will be something like this:

a.k-icon.k-add:before {
    width: 10px;
    height: 10px;
    background: #ccc;
    content: '';
}

http://jsfiddle.net/frsxy8vb/