잡힌 목록 항목의 '형제'를 타겟팅합니다.

Question

내 사이트에 내비게이션이 있습니다.

<ul> 
    <li><a>Main Link 1</a> 
    <ul> 
     <li>Sublist Item of Main Link 1</li> 
    </ul> 
    </li> 

    <li><a>Main Link 2</a> 
    <ul> 
     <li>Sublist Item of Main Link 2</li> 
    </ul> 
    </li> 


</ul> 

가이 케이스 ul에, 형제 때 난 단지 a 링크를 목표로하고 싶은, 아이들이 맴돌고 있습니다 : 그것은 다음과 같이 보입니다. jQuery를 사용하여이 작업을 수행하려고하지만 올바른 솔루션을 찾을 수 없습니다. 사전에

감사

Answer 1

당신은 당신의 HTML에 약간의 식별 클래스를 추가하는 경우 :

<ul> 
    <li><a class="mainLink">Main Link 1</a> 
    <ul class="linkHoverTarget"> 
     <li>Sublist Item of Main Link 1</li> 
    </ul> 
    </li> 

    <li><a class="mainLink">Main Link 2</a> 
    <ul class="linkHoverTarget"> 
     <li>Sublist Item of Main Link 2</li> 
    </ul> 
    </li> 
</ul> 

당신은 호버 이벤트에 등록하고 사람들은이 같은 행사를 가져에서 해당 링크를 얻을 수 있습니다 :

$(".linkHoverTarget li").hover(
    function() { 
     // get the link in a sibling of our parent ul 
     $(this).parent().parent().find(".mainLink"); 
    } 
); 

이것은 아마도 식별 클래스를 추가하지 않고 더 복잡하고 취약한 선택기를 사용하여 수행 할 수 있지만 분명히 분명하지는 않습니다. 이런 방식으로 할 수 있습니다.