"this"셀렉터가 작동하지 않는 JQuery 모바일 메뉴

Question

정말 간단한 모바일 메뉴를 만들려고하는데 작동하지 않으며 "this"선택기를 사용하려고하기 때문에 생각합니다. 이것은 아주 기본적인 것 같아서, 내가 여기서 잘못하고있는 것이 확실하지 않습니다. 여기

는 HTML입니다 :

<div class="menu-toggle">+</div> 
    <ul class="level0"> 
     <li>sample</li> 
     <li>sample</li> 
    </ul> 

그리고 여기 jQuery의 :

$('.menu-toggle').click(function() { 

     $('this').siblings('ul.level0').toggle(); 

}); 

어떤 아이디어? 나는 "this"와 "siblings"을 사용하고 있는데, 그 이유는 페이지에 여러 개의 인스턴스가 있기 때문입니다. 모두 같은 클래스를 사용합니다. 이것은 ID를 추가 할 수 없으므로 CMS에서 가져옵니다. 감사!

Answer 1

$('this')이 $(this)으로되어 있기 때문입니다.

this은 값이 사용 된 컨텍스트에 따라 달라지는 객체입니다 (이 경우 jQuery 객체에 래핑되므로 jQuery의 다양한 메소드에 액세스 할 수 있습니다).

자바 스크립트의 this 키워드에 대해 자세히 알아보십시오.

jsFiddle here.