jQuery .prepend在列表项上调用两次

Question

我正在尝试在一组列表项中添加一些标记。我基本上想在LI中的锚链接之前添加一些图标。

<ul class="submenu-children">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>

$('.submemu-children li a').prepend('<i class="icon-angle-right"></i>');

这是我的JSFiddle -

http://jsfiddle.net/4HfmS/

我之前已经开始工作了，但它实际上输出了我的HTML两次，有时候输出了四次，我只想要一次用于一个图标：）

我猜我选择了错误的选择器？

非常感谢任何帮助。

Answer 1

子菜单拼错了。

而不是：

$('.submemu-children li a').prepend('<i class="icon-angle-right"></i>');

使用此：

$('.submenu-children li a').prepend('<i class="icon-angle-right"></i>');

以下是包含正确库（适用于icon-angle-right类）的示例：jsFiddle。在这个例子中它只是前置一次。