Javascript jquery将类切换为仅子元素

Javascript jquery将类切换为仅子元素,javascript,jquery,parent-child,children,toggleclass,Javascript,Jquery,Parent Child,Children,Toggleclass,我有一个问题需要为just children元素切换类 <ul class="sample-menu"> <li id="sample-topmenu_2"> <a href="#" class="sample-icon">Menu Text</a> <ul class="sample-submenu"> <li class="submenu"><a href="#" class="sa

我有一个问题需要为just children元素切换类

<ul class="sample-menu">
<li id="sample-topmenu_2">
    <a href="#" class="sample-icon">Menu Text</a>
    <ul class="sample-submenu">
        <li class="submenu"><a href="#" class="sample-icon">Submenu Text</a></li>
        <li class="submenu"><a href="#" class="sample-icon">Submenu Text</a></li>
    </ul>
</li>
<li id="sample-topmenu_3">
    <a href="#" class="sample-icon">Menu Text2</a>
    <ul class="sample-submenu">
        <li class="submenu"><a href="#" class="sample-icon">Submenu Text2</a></li>
        <li class="submenu"><a href="#" class="sample-icon">Submenu Text2</a></li>
    </ul>
</li>
感谢您的帮助。

试试:

$( "*[id^=bga-topmenu_]" ).click(function() {
  $(this).find("li.submenu").toggleClass( "sumenu_show" );
});

您可以使用
$(this)
获取当前上下文(即单击的元素),然后使用
.find()
方法,使用该上下文中的子菜单
class
查找所有
  • 元素。

    这是一个超级奇怪的选择器。我刚刚删除了“p”及其作用。非常感谢你,伙计$(“*[id^=bga-topmenu_U3;]”)。单击(函数()请为我添加一个+声誉,谢谢
    $( "*[id^=bga-topmenu_]" ).click(function() {
      $(this).find("li.submenu").toggleClass( "sumenu_show" );
    });