jquery append/prepend/wrapInner？

Question

预期结果:

.prepend()

---

启动html:

<li><a><span class="icon"></span><span class="text">Link Text</span></a></li>

我试图单独使用.append(),但没有给出所需的输出..wrapInner().prepend()

---

.append()

输出:

.wrapInner()

---

<li><a>Link Text</a></li>

输出:

.prepend()

我在这里设置了一个jsfiddle.有没有办法实现我想要的？

Answer 1

在这里查看我的jsFiddle.我用过如下,

$('li a').wrapInner("<span class='text'></span>");

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

如果你想要1行,那么使用如下

$('li a').wrapInner("<span class='text'></span>").prepend("<span class='icon'></span>");

DEMO在这里