我正在尝试构建一个非常简单的移动菜单,但它不起作用,我认为这是因为我正在尝试使用“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”,因为页面上有多个这样的实例,所有实例都有相同的类。这来自CMS,所以我无法添加ID。谢谢!
答案 0 :(得分:3)
这是因为$('this')
应该是$(this)
。
this
是一个对象,其值取决于它所使用的上下文(在这种情况下,它包含在jQuery对象中,因此它可以访问jQuery的各种方法)。
详细了解JavaScript的this关键字。
<强> jsFiddle here. 强>