使用jQuery在錨標簽的文本之間添加跨度標簽

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

我建議您在CSS中不使用js而是使用偽元素添加圖標

將會是這樣的：

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