동일한 div 이름으로 jquery로 다른 스타일을 추가하는 방법은 무엇입니까?

Question

jquery와 동일한 div 이름에 다른 스타일을 추가하는 방법은 무엇입니까?

예 :

<div id="link"> 
    <div class="one">This is first link</div> 
    <div class="one">This is second link</div> 
    <div class="one">This is third link</div> 
</div> 

와 나는 # 333

와 # 000
세 번째 클래스 하나 #FFF
두 번째 클래스 하나 사실 말이다
첫 번째 클래스 하나에 모든 텍스트에 대해 서로 다른 색상을 추가 할

Answer 1

당신은이 작업을 수행 할 수 있습니다, 첫 번째 클래스로 된 div를 모두 선택되어

var $oneDivs = $("#link div.one"); 
$oneDivs.eq(0).css("color","#FFF"); 
$oneDivs.eq(1).css("color","#000"); 
$oneDivs.eq(2).css("color","#333"); 

후 개별 O를 골라 nes를 0에서 시작하여 필요한 색상으로 설정합니다.

데모 : http://jsfiddle.net/8kNF6/

Answer 2

var colors = ['#FFF', '#000', '#333'] 
$('#link div.one').each(function(idx, elem) { 
    $(elem).css('color', colors[idx]); 
}); 

Answer 3

나는 질문은 구체적으로 jQuery를 함께 할 방법을 묻는 실현,하지만 당신은 당신이 n 번째 자녀 CSS의 셀렉터가 아닌 것은 전혀 자바 스크립트를 사용한다는 것을 할 수있는 알고 , 권리?

'그냥 거기 던져 :

#link div:nth-child(1) { color: #FFF; } 
#link div:nth-child(2) { color: #000; } 
#link div:nth-child(3) { color: #333; }