임의의 클래스를 링크리스트에 추가하는 방법

Question

다음과 같은 구조가 있습니다.

<ul id="dyn_nav"> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">Services</a></li> 
    <li><a href="#">Contact</a> 
     <ul class="submenu"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">Services</a></li> 
      <li><a href="#">Contact</a></li> 
     </ul> 
    </li> 
</ul> 

첫 번째 수준의 li (ul # dyn_nav> li)은 주어진 목록에서 임의의 클래스를 가져와야합니다.

수업은 내가 역동적 인 컬러가 해결되지 않은이 메뉴를 만들고 싶어

... 등, 파랑, 녹색, 마젠타, 시안 색, 빨간색입니다.

마찬가지로 첫 번째 메뉴 색상은 녹색이고 다른 것은 파란색입니다. 이것은 단지 나의 아이디어 일뿐입니다.

jQuery하시기 바랍니다.

Answer 1

$(document).ready(function() { 
    var classes = ['blue', 'green', 'magenta', 'cyan', 'red']; 
    $('ul#dyn_nav>li').each(function(i) { 
     $(this).addClass(
      classes[Math.floor(Math.random()*classes.length)]); 
    }); 
}); 

나는 또한 스타일 시트에 ul#dyn_nav>li>a { color: inherit; }을 추가했다.

Answer 2

색상을 배열 randomize it에 넣고 jQuery.each을 addClass으로 사용하여 값을 지정하십시오.

Answer 3

Dutow가 맞습니다. @Wazdesign : 당신은이 조각을 시도 할 수 있습니다 : 색상이 li에있는 링크에 영향을 미칠뿐 아니라 총알 할 수 있도록

function rand(){ return (Math.round(Math.random())-0.5); } 
    var colors = new Array('blue','yellow','red','green');//you can add more class here 
    var init = colors.sort(rand); 
    $('ul li').each(function(i,el){ 
    $(el).addClass(init[i]); 
    });