带有next()的toggleClass()不起作用

科伦丁宴会

我有这个代码:

<ul class="mobile">
     <li>
        link 1
        <span>></span>
        <ul class="submenu">
           <li></li>
           <li></li>
        </ul>
     </li>
     <li>
        link 2
        <span>></span>
        <ul class="submenu">
           <li></li>
           <li></li>
        </ul>
     </li>
     <li>
        link 3
        <span>></span>
        <ul class="submenu">
           <li></li>
           <li></li>
        </ul>
     </li>
  </ul>


$('.mobile > li > span').click(function(event) {
    event.preventDefault();
    $(this).next('.submenu').toggleClass('active');
});

我想做的是,当我单击时切换一个名为“活动”的类,span但它不起作用。

谢谢你的帮助 !

辛格先生

$('.mobile > li > span').click(function(event) {
    $(this).next('ul').toggleClass('main');
});
.main {
    font-size: 120%;
    color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="mobile">
     <li>
        link 1
        <span>>Click Me</span>
        <ul class="submenu">
           <li>hello</li>
           <li>hello</li>
        </ul>
     </li>
     <li>
        link 2
        <span>>click me</span>
        <ul class="submenu">
           <li>hello </li>
           <li>hello</li>
        </ul>
     </li>
     <li>
        link 3
        <span>>Click me</span>
        <ul class="submenu">
           <li>hello </li>
           <li>hello</li>
        </ul>
     </li>
  </ul>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章