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/

UL中列表项的随机（子弹）图像？

1 个答案: