使用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/