对列表项调用两次preend

jQuery .prepend calling twice on list items

本文关键字:两次 preend 列表 调用      更新时间:2023-09-26

我试图在一组列表项中添加一些标记。我基本上想要一些图标添加到我的锚链接在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两次,有时四次,我只希望它一次为一个单一的图标:)

我猜我的目标是错误的选择器?

子菜单拼写错误。

而不是:

$('.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。在这个例子中,它只添加了一次。