자바 스크립트를 사용하여 CSS 클래스를 하나의 목록 항목에 임의로 추가하십시오.

Question

안녕하세요, 코드 작성 방법을 모르므로 코드가 없습니다. julery/javascript를 사용하여 임의로 CSS 클래스 "active"를 ul # sliding_panels와 같은 순서가 지정되지 않은 목록 내의 하나의 목록 항목에 추가했습니다.

Answer 1

간단하게. 이것은 그 목록에서 모든 목록 항목을 검색합니다

이

var items = $("#sliding_panels li"); 

다음 중 하나를 선택하는 Math.random()를 사용합니다. 참고 : 구조체 Math.floor(Math.random() * 10))은 0과 9 사이의 정수를 반환합니다.

var item = Math.floor(Math.random() * items.length); 

당신은 이러한 요소 중 하나를 검색하는 개체의 jQuery 배열 인덱스 연산자를 사용할 수있다. 참고 :set[n]은 set이 jQuery 개체 인 경우 set.get(n)과 같습니다.

$(items[item]).addClass("active"); 

Answer 2

임의의 요소를 가져 오는 방법은 this question을 참조하십시오.

$("#sliding_panels li").get().sort(function(){ 
    return Math.round(Math.random())-0.5 
}).slice(0,1).addClass("active"); 

원래 대답은 duckyflip입니다.

다른 질문은 같은 질문에서 언급 한 :random plugin입니다.

예 :

$("#sliding_panels li:random").addClass("active"); 

Answer 3

var elements = $('ul#mylist li'); 
$ (elements.get (
    Math.round (elements.length*Math.random()-0.5) 
)).addClass ('active');