首頁 >web前端 >html教學 >怎么样向css中添加随机文字?_html/css_WEB-ITnose

怎么样向css中添加随机文字?_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 12:03:141528瀏覽

 如已经生成9个li,我想随机在内容前面加:


          
  • 内容1

  •       
  • 内容2

  •       
  • 内容3

  •       
  • 内容4

  •       
  • 内容5

  •       
  • 内容6

  •       
  • 内容7

  •       
  • 内容8

  •       
  • 内容9


我想随机在内容前面加文字。比如。老大,老二,老三。
最终效果如下:

          
  • 老大内容1

  •       
  • 老二内容2

  •       
  • 老二内容3

  •       
  • 老三内容4

  •       
  • 老二内容5

  •       
  • 老大内容6

  •       
  • 老三老大内容7

  •       
  • 老三内容8

  •       
  • 老三内容9



 要怎么操作???
 


回复讨论(解决方案)

<script></script>
<script> <br /> $(function(){ <br /> var array1=["老大","老2","老3"]; <br /> $("li").each(function(){ <br /> var idx=Math.round(Math.random()*2); <br /> var str=array1[idx]; <br /> $(this).prepend(str); <br /> }); <br /> }); <br /> </script>


          
  • 内容1

  •       
  • 内容2

  •       
  • 内容3

  •       
  • 内容4

  •       
  • 内容5

  •       
  • 内容6

  •       
  • 内容7

  •       
  • 内容8

  •       
  • 内容9

<script></script>
<script> <br /> $(function(){ <br /> var array1=["老大","老2","老3"]; <br /> $("li").each(function(){ <br /> var idx=Math.round(Math.random()*2); <br /> var str=array1[idx]; <br /> $(this).prepend(str); <br /> }); <br /> }); <br /> </script>


          
  • 内容1

  •       
  • 内容2

  •       
  • 内容3

  •       
  • 内容4

  •       
  • 内容5

  •       
  • 内容6

  •       
  • 内容7

  •       
  • 内容8

  •       
  • 内容9



加了之后原来里面的链接不见了。 
  • 老大内容1
  • 陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn