Javascript 通过多个元素与jQuery共享的类选择一个元素

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&

我想选择一个类为“submenu expand”的元素,并向其中添加另一个类

$('.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>