어린이 요소를 선택하는 방법은 무엇입니까?

Question

HTML

<div class="one"> 
    <div class="two"> 
     <div class="three">text</div> 
    </div> 
</div> 

아이 요소를 선택하는 방법. 나는 이것을 시도했다.

$('.one').children('.three').css('color','#f00'); 

.find() 기능을 알고 있지만 다른 방법을 알고 싶습니다.

Answer 1

을 다음 라인 중 하나를 시도해보십시오

$('.one').children().children('.three').css('color','#f00'); 
$('.one').children('.two').children('.three').css('color','#f00'); 
$('.one').children('.two').find('.three').css('color','#f00'); 

그것은 당신을 도울 것입니다 바랍니다.

Answer 2

당신은이 작업을 수행 할 수 있습니다

$('.one > .two').children('.three').css('color','#f00'); 

또는 물론 : http://jsfiddle.net/3nhrh/1/

Answer 3

당신은 항상 함께 체인 클래스 선택기를 변경할 수 있습니다 : 여기

$('.one > .two > .three').css('color','#f00'); 

것은 바이올린입니다

$(".one .three").css("color", "#f00"); 

이 .three

Answer 4

당신은 상황에 맞는 선택을 사용할 수있는 클래스를 가지고있는 .one 클래스의 자식을 선택합니다 :

방법 아래

$('.three', $('#one')).css(..... 

Answer 5

에게 도움을 될 수 있습니다

var children=$('.one').children(); 

children.each(function(idx, val){ 
    $(this).css('color','#f00'); 
}); 

JSFiddle

Answer 6

시도

Answer 7

이 하나를 시도3210 ... 그것은 모든 정확히 당신이 달성하려는 작업에 따라 jsfiddle

$("div").children(".two").css("color", "blue"); 

Answer 8

.

"three"클래스의 항목이 문서에 단 한 번만 존재하거나 (모두 가져 오려면) $('.three')을 사용할 수 있습니다.

당신은 자손 또는 자손 인 "두"어떤 "세"를 찾고 있다면 당신은 그들이 당신이 할 수있는 직접 아이들이있는 경우에만 동일한하려면 "하나"$('.one .two .three')

를 사용 나는 그 중 하나는 사용자의 요구를 충족 희망 $('.three' , theOne), $(' .two .three' , theOne) 또는 $(' > .two > .three', theOne)

경우 : 당신은 당신이 이런 식으로 이전 검색을 제한 할 수있는 "한"노드에 이미 JQuery와 개체가 일어날 경우 $('.one > .two > .three')

를 사용 ~하지 마 암탉 당신은 정확히 무엇이 정확한지 명확히해야합니다.