jquery - UL 中列表项的随机(子弹)图像？

Question

我有一个从 wordpress 帖子生成的 ul li 边栏。客户为每个 LI 的元素符号使用了不同的图像。与其手动添加单独的元素符号，不如从一组(比如说 10 个)选项中进行选择？

正在考虑 Jquery 函数？有人做过吗？

谢谢

Answer 1

可能像下面这样:

<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>

显示应用的 jsFiddle 链接:http://www.jsfiddle.net/bradchristie/yxZ4m/