ul 목록에 여러 클래스를 추가하는 방법

Question

ul 목록에 여러 클래스를 추가하려면 어떻게해야합니까? 모든 li 항목에 추가하고 싶지는 않지만 일부 항목에만 추가하고 싶습니다.

편집 : 내가 jQuery를 함께 클래스를 추가 할

. 이처럼 :

<ul> 
    <li>something1</li> 
    <li>something2</li> 
    <li>something3</li> 
    <li>something4</li> 
    <li>something5</li> 
</ul> 

그리고 지금은 두 번째 (3, 4, 5 리 요소) 후 클래스마다 리를 추가 할. 클래스 추가하는 방법을 알고 있지만 각 li에 반복 할 수있는 방법을 알고 있습니다. 그게 내 문제 야.

Answer 1

음, ul의 모든 li 3 개 클래스를 추가, 당신은 할 줄 :

$("#myUl > li").addClass("class1 class2 class3"); 

당신이 추가 클래스를 취득 할 li 요소에 대해 어떤 기준을 지정하지 않기 때문에, 나는 '는 추측해야만 M :

(보다 정확하게는 제로 인덱스 배열의 짝수 요소)마다 다른 li 세 개의 클래스를 추가 할

$("#myUl > li:even").addClass("class1 class2 class3"); 

.

행운을 비네.

Answer 2

귀하의 질문에 대한 설명이 충분하지 않지만, 일반적으로 특정 li 요소에 대한 수업을 필요에 따라 설정하고자 할 것입니다. 예를 들어

: 요소의 특정 인덱스를 사용할 수있는 방법은 여러 가지

<ul> 
<li class="first winter thirty-one">January</li> 
<li class="winter">February</li> 
<li class="spring thirty-one">March</li> 
<li class="spring">April</li> 
<li class="spring thirty-one">May</li> 
<li class="summer">June</li> 
<li class="summer schools-out thirty-one">July</li> 
<li class="summer schools-out thirty-one">August</li> 
<li class="fall">September</li> 
<li class="fall thirty-one">October</li> 
<li class="fall">November</li> 
<li class="last winter thirty-one">December</li> 
</ul> 

Answer 3

.

:eq() 선택기는 단일 인덱스에 액세스 할 수

$('li:eq(1)') 

http://api.jquery.com/eq-selector/

.nextAll() 기능 모두 정합 소자들의 세트의 각 요소의 형제 다음 반환

$('li:eq(2)').nextAll(); 

http://api.jquery.com/nextAll/

.prevAll()는 같은 방식으로 작동하지만 이전 형제를 반환 : 당신이 당신의 선택을 필터링 할 .filter() 방법을 사용할 수 있습니다

$('li:eq(2)').prevAll(); 

http://api.jquery.com/prevAll/

Answer 4

.

$('li').filter(':nth-child(n+3)').addClass('className'); 

이제이 기준을 모두 충족하고 클래스 속성을 받게됩니다. 당신의 예에서는 3, 4, 5 리가 그것을받을 것입니다.