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

Answer 1

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

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

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

jsFiddle在这里。