javascript - 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。在这个例子中它只前置一次。