Jquery selected index problem

Question

간단한 show-hide 예제를 만들려고하지만 eq() 또는 not()로 숨겨진 요소를 선택할 수 없습니다. 기본 구조는 다음과 같다 :

<ul id="info"> 
    <li><a href="#">İletişim Adreslerimiz</a></li> 
    <li><a href="#">Kroki</a></li> 
</ul> 
<ul id="info-ic"> 
    <li><p>Adres Bilgilerimiz</p></li> 
    <li><p>Kroki Bilgisi</p></li> 
</ul> 

및 jQuery 코드 :

$('#info > li').click(function(){ 
$('#info-ic').find('li:eq('+$(this).index()+')').show(); 
$('#info-ic').find('li:not('+$(this).index()+')').hide(); 
}); 

Answer 1

find() 검색한다 자손 선택된 요소의 아닌 요소 자체. 사용 :

$('#info-ic > li:eq(' + $(this).index() + ')') 
$('#info > li:eq(' + $(this).index() + ')') 

또는 : 두 번째 줄에

$('#info-ic').children('li:eq(' + $(this).index() + ')') 
$('#info').children('li:eq(' + $(this).index() + ')')