2012-07-18 5 views
2

숨겨지지 자식 DIV 찾는 방법 :나는 코드가

<div id="parent"> 
    <div id="firstchild" style="display:none"> 
    <div id="secondchild"> 
    <div id="thirdchild" style="display:none"> 
</div> 

그래서 제가하고 싶은 것은 즉, 숨겨지지 않습니다 JQuery와의 요소를 찾을 수입니다. secondchild.

나는 다음 줄을 따라 뭔가를 사용해야한다고 생각한다 : 숨겨진하지만 실제로는 반대쪽을 찾아 비 숨겨진 것을 찾고 싶다.

누구든지이 작업을 수행하는 방법을 알고 있습니까? 부모의 자식 인 눈에 보이는 div를 찾고 숨긴다. visible 너무

$('#parent div:visible').hide() 
+0

속성 선택기를 살펴보십시오. http://api.jquery.com/category/selectors/ – TheZ

답변

10

당신은 :visible 선택을 시도 할 수 있습니다 그들. 대신 모든 잠재 요소를 무조건 숨길 수 있습니다.

$('#parent > div').hide(); 

보이지 않는 하위 div가 숨겨집니다. 이미 숨겨져있는 사람들은 여전히 ​​숨겨져 있습니다.

  • 한 측면에서 비효율적입니다. 이미 숨겨진 요소를 숨 깁니다.
  • 또 다른 측면에서 볼 때 눈에 보이는 div를 식별하는 데 많은 노력을 들이지 않아도됩니다.

실제로이 특정 숨기기 중에서 선택하는 것이 많지 않습니다. 두 경우 모두 잠재적 인 요소를 모두 읽거나 쓰기 위해 또는 둘 모두를 처리해야합니다.

3

는 다행히있다 :

목적이 눈에 보이는 요소 (들)을 숨길 경우
$('#parent > :visible').hide(); 
1

, 그럼 거기에 아무 소용이 특별히 발견되지를