Jquery UL中列表项的随机(项目符号)图像?

Jquery UL中列表项的随机(项目符号)图像?,jquery,css,wordpress,Jquery,Css,Wordpress,我有一个由wordpress帖子生成的ul li侧边栏。客户为每个LI的项目符号使用了不同的图像。与其手动添加一个单独的项目符号,不如从一组(比如10个)选项中选择一种方法来完成它 你在考虑Jquery函数吗?有人这样做过吗 谢谢可能类似于以下内容: <style type="text/css"> /* Add the styles here, incrementing the number of each one as you go (then change the 3 in

我有一个由wordpress帖子生成的ul li侧边栏。客户为每个LI的项目符号使用了不同的图像。与其手动添加一个单独的项目符号,不如从一组(比如10个)选项中选择一种方法来完成它

你在考虑Jquery函数吗?有人这样做过吗


谢谢

可能类似于以下内容:

<style type="text/css">
/* Add the styles here, incrementing the number of each one as you go (then change
   the 3 in the jQuery addClass method so it corresponds with the number of options
   available */
li.bullet-0 { list-style-type: circle; }
li.bullet-1 { list-style-type: disc; }
li.bullet-2 { list-style-type: square; }
</style>
<Script type="text/javascript">
$(document).ready(){
  $('ul > li').each(function(i,e){
    $(this).addClass('bullet-'+(i%3)); // change 3 to number of styles that are above.
  });
});
</script>

/*在此处添加样式,并在进行时增加每个样式的数量(然后更改
jQuery addClass方法中的3,因此它与选项数相对应
可用*/
li.bullet-0{列表样式类型:圆形;}
li.bullet-1{列表样式类型:disc;}
li.bullet-2{列表样式类型:方形;}
$(文档).ready(){
$('ul>li')。每个(函数(i,e){
$(this).addClass('bullet-'+(i%3));//将3更改为上述样式的数量。
});
});

jsFiddle链接来显示它被应用:

你能发布一些你想要的CSS/HTML吗?您是否希望更改CSS(使用
列表样式图像
),或者是否存在表示项目符号的
img
标记?是的,使用CSS列表样式图像,但动态选择的每个li都有一个不同的图像。是的,类似于此!)我会一直知道李总的人数。它们总是在变化……实际上不是项目的数量,而是可用选项的数量。一旦它到达列表的末尾,它将返回到开始。(例如,子弹0、1、2、0等)如果您想要不同的方法,请让我知道,我会调整它。哦,伙计,太好了!谢谢我假设我可以添加一个类来指定“ul”,比如“ul.tips”。是的,选择器并不重要。你不必像我一样把它局限于指导孩子们。它将应用于您可以选择的任何li(尽管只有当它们被选为一个组时才起作用,否则单个li选择将始终应用第一种样式(bullet-0)。非常感谢!您让它看起来很简单(可能是为您;)