我已经从mootools转向jquery,因为我认为它有更好的支持。我有这样的HTML:
<ul class="menuHandler">
<li class="menuTreeElement activeOpt" id="menuOpt1">
<ul id="menuOpt1Content">
<li><a href="#" class="menuOpener">Opcje</a><a href="#" class="sprite menuOpener"></a></li>
<li class="submenuElement">Opcje</li>
<li class="submenuElement">Opcje</li>
<li class="submenuElement">Opcje</li>
<li class="submenuElement">Opcje</li>
<li class="submenuElement">Opcje</li>
<li class="submenuElement">Opcje</li>
</ul>
</li>
</ul>
JS
jQuery(document).ready(function($)
{
$('.menuTreeElement .submenuElement').hide();
$('.menuHandler li.menuElement, .menuHandler li.menuTreeElement').removeClass('activeOpt');
$('.menuHandler li.menuElement, .menuHandler li.menuTreeElement').addClass('inactiveOpt');
$('.menuHandler li.menuElement a.menuOpener, .menuHandler li.menuTreeElement a.menuOpener').click(function(e){
e.preventDefault();
alert(this);
alert(this.id);
alert($(this));
alert(e.target);
alert(e.target.id);
alert($(e.target));
});
});
结果:
url,空警报,[对象对象],url,空警报,[对象对象]。我不知道该怎么办。如果有帮助,请链接:
http://misiur.com/CRP/admin/
我想实现这个目标:
1。单击“with class menuopener”
2。所有在同一个ul(在本例中是menuopt1内容)内具有class submenuElement的li都将显示