루핑을 통해 다른 클래스 추가하기

숫자가 li이고 1, 4, 7, 2, 5, 8, 3, 6, 9 클래스가 필요합니다.루핑을 통해 다른 클래스 추가하기

이 작업을 수행 할 수 있습니까? 이 그것을해야

2012-10-16 aneeshraj

...

var classes = ["first_group", "second_group", "third_group"]; 

$("li").addClass(function(i) { 
    return classes[i % 3]; 
});

2012-10-16 11:14:33 alex

TNX 알렉스 :. 당신이 괜찮 으면이 라인을 설명해 줄 수 있겠습니까? '반품 클래스 [i % 3]; – aneeshraj

@aneeshraj 모듈러스 연산자. 그것은 나눗셈의 나머지를 반환합니다. 각 인덱스를 '3'으로 나누고 나머지를 얻음으로써 배열의 인덱스와 일치하는 '0'과 '2'사이의 수를 얻습니다. – alex

당신은 :nth-child() 선택기를 사용할 수 있습니다

$("li:nth-child(3n+1)").addClass("one"); 
$("li:nth-child(3n+2)").addClass("two"); 
$("li:nth-child(3n+3)").addClass("three");

2012-10-16 11:14:41 VisioN

visioN.tnx .. 하나의 구문 오류가 발생했습니다. 수 pls 수표 – aneeshraj

@aneeshraj 잘 작동합니다. 코드를 올바르게 사용했는지 확인하십시오. – VisioN

@VisioN : 답변에 두려운 jsFiddle 보이지 않는 문자가 포함되어 있습니다. 마지막';'바로 뒤에 있습니다. –

답변