클릭시 자식 요소 숨기기

Question

"thead"클릭시 "arrow_o"를 숨기려고하는데 작동하지 않습니다. jquerys "children"은 테이블에서 작동하지 않습니까?

HTML

<thead class="thead"> 
    <tr> 
    <th> 
     <div class="arrow_o"></div> 
    </th> 
    </tr> 
</thead> 

JS

$(document).ready(function() { 
    $('.thead').click(function() { 
    $(this).children('.arrow_o').hide(); 
    }); 
}); 

Answer 1

.children() 메소드는 .find 다르다()()는 는 DOM 트리 아래 하나의 레벨을하는 동안 .find (이동)은 하위 레벨 요소 (손자, 등)를 선택하기 위해 여러 수준 아래로 을 트래버스 할 수 있습니다.

그래서이 :

$(document).ready(function() { 
    $('.thead').click(function() { 
    $(this).find('.arrow_o').hide(); 
    }); 
}); 

Answer 2

기본적 arrow_o가 위치되어야하는 컨텍스트를 설정 $('.arrow_o', this).hide();보십시오.

전체 코드 : 그 .children에서

이

$(document).ready(function() { 
    $('.thead').click(function() { 
    $('.arrow_o', this).hide(); 
    }); 
}); 

Answer 3

.children() 메소드 (즉 .children에서 .find() 다릅니다) 단지는 DOM 트리 아래 하나의 레벨을 여행하면서 .find() 은 하위 요소 (손주 등)를 선택하기 위해 여러 단계를 탐색 할 수 있습니다. 대신

jQuery children

사용 .find().