2012-12-07 10 views
0

내 페이지에 아래와 같은 div가있는 경우. JQuery를 사용하여 개별 제목을 어떻게 타겟팅 할 수 있습니까? 그냥리스트에서 Jquery selector를 선택하십시오.

$("#box_list div").eq(0).css("color", "red"); 

:이처럼 EQ() 함수를 사용할 수

<div id="box_list"> 
    <div class="container"> 
     <div class="title">Red</div> 
     </div> 
     <div class="container"> 
     <div class="title">Blue</div> 
     </div> 
     <div class="container"> 
     <div class="title">Orange</div> 
     </div> 
</div> 


$(document).ready(function() { 


    $("#box_list:nth-child(1)") 
     .css("color", "red") 


}); 
+0

http://jsfiddle.net/qUYPK/는'#의 box_list'와'사이에 공백을 넣습니다. 'selector1' (공백)'selector2'는'selector1' 안에서'selector2'를 찾습니다. –

답변

2
$(document).ready(function() { 
    $("#box_list .title").each(function(i){ 
     var color = 'brown'; 
     if(i === 0){ 
      color ="red"; 
     } 
     else if(i === 2){ 
      color ="orange"; 
     } 
     $(this).css("color", color) 
    }); 
}); 

Check Fiddle

+0

좋은 접근 방법! –

+0

@AmandaSky .. 당신은 환영합니다 :) –

1

POS에게 나는 그것을 기준으로 각 제목의 색상을 변경하려면입니다 0에서 세는 것을 기억하십시오. 즉, .eq (2)를 사용하여 세 번째 div를 대상으로 삼는다는 의미입니다.

여기에 직접보기 : n 번째 child` :

관련 문제