javascript - 使用 "this"选择器的 JQuery Mobile 菜单不起作用

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”是因为页面上有多个 this 实例，它们都具有相同的类。这是来自 CMS，所以我无法添加 ID。谢谢!

Answer 1

那是因为 $('this') 应该是 $(this)。

this 是一个对象，其值取决于使用它的上下文(在本例中，它被包装在一个 jQuery 对象中，因此它可以访问 jQuery 的各种方法)。

查看更多关于 JavaScript 的 this关键字。

jsFiddle here.