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

时间:2014-10-31 11:31:16

标签: javascript jquery html

如何在超链接中的文本之前添加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>

有什么想法吗?

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

我建议您添加不使用js但使用css中的伪元素的图标

会是这样的:

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

http://jsfiddle.net/frsxy8vb/