숨김 사업부는

Question

HTML

: 나는 각 리와 UL 목록이

이 같은 counstructed :

<li class="A">list-item 
    <div>1</div> 
    <div class="B">2 
     <div class="C">3</div> 
    </div> 

    </li> 

DIV C는 CSS 속성 표시가

: 없음; 나는이 JS 썼다 : 리 호버에 숨겨진 된 div를 보여줍니다

$(".A").hover(function() { 
    $(".C").toggle(); 
    }); 

,하지만 난 활성 리 항목에서만 작업 JS를하고 싶습니다. 그래서 내가 li 항목을 가져 가면 해당 목록 항목 만 숨겨진 div가 표시됩니다.

제안 사항? 나는 js로 새롭다, 그래서 어떤 도움든지 평가 될지도 모르다, thnx!

Answer 1

context을 사용하여 원하는 요소의 하위 항목에 대한 검색 범위를 좁히십시오.

$(".A").hover(function() { 
    $(".C", this).toggle(); 
}); 

Answer 2

이 같은 시도 뭔가, 그것은

$(".A").hover(function() { 
    $(this).find(".C").toggle(); 
}); 

Answer 3

hover() 사용 (요소가 떴다되는 것) this 내에서 클래스 C을 발견 할 것이다, hover 기능의 올바른 형식은 다음과 같습니다

$(".A").hover(
    function() { 
    // A function to execute when the mouse pointer enters the element. 
    $(this).find(".C").show(); 
    }, 
    function() { 
    // A function to execute when the mouse pointer leaves the element. 
    $(this).find(".C").hide(); 
    } 
);