我有这个代码:
<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] 删除。
我来说两句