使用jquery在锚点标记的文本之间添加span标记

Question

如何在超链接内的文本之前添加span标记？ 现在，我使用的是这样的：

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

我尝试了上面的代码，但所需的跨度锚标记

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

我需要的链接看起来像这样当它来临之前解析：

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

任何想法？

Answer 1

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

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

Answer 2

我建议你添加图标不是JS，但在CSS伪元素

这将是这样的：

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

http://jsfiddle.net/frsxy8vb/