Javascript 通过多个元素与jQuery共享的类选择一个元素
我想选择一个类为“submenu expand”的元素,并向其中添加另一个类Javascript 通过多个元素与jQuery共享的类选择一个元素,javascript,jquery,Javascript,Jquery,我想选择一个类为“submenu expand”的元素,并向其中添加另一个类 $('.menu-item').on('click',function(){ $('.submenu-expand').toggleClass('expanded') }) 这段代码可以工作,但问题是多个元素共享该类,因此jQuery会选择所有元素。我尝试这样做,因为“.submenu-expand”位于“菜单项”的内部: $('.menu-item').on('click',function(){ $('this&
$('.menu-item').on('click',function(){
$('.submenu-expand').toggleClass('expanded')
})
这段代码可以工作,但问题是多个元素共享该类,因此jQuery会选择所有元素。我尝试这样做,因为“.submenu-expand”位于“菜单项”的内部:
$('.menu-item').on('click',function(){
$('this>.submenu-expand').toggleClass('expanded')
})
HTML:
正确的方法是什么?你的意思是
$('.menu item')。在('单击','子菜单展开',函数()上{
$(this.toggleClass('expanded'))
})
.expanded{
边框:1px纯黑;
}
HTML结构是什么?如果没有HTML,我们只能猜测,但可能您需要这样的内容:$(this)。查找('.submenu expand')
要获取单击元素的子元素,请使用$(this)。查找(选择器)
其中选择器是您要查找的选择器。这里,您需要的选择器是。子菜单展开
<li id="menu-item-940" class="menu-item">
<a href="" >אודות</a>
<button class="submenu-expand" tabindex="-1"></button>
</li>