Javascript jQuery获取所选元素的类
我的网站上有很多按钮。当我点击一个按钮时,我想显示一个子导航。所有副导航都有“subNab”等级,但也有一个与主导航相同的等级,并附加“sub”。例如,我有:Javascript jQuery获取所选元素的类,javascript,jquery,Javascript,Jquery,我的网站上有很多按钮。当我点击一个按钮时,我想显示一个子导航。所有副导航都有“subNab”等级,但也有一个与主导航相同的等级,并附加“sub”。例如,我有: <div class="navBox audits"> <p>Audits</p> </div> <div class="subNav auditsSub"> <div class="navBox"> <p>Audits
<div class="navBox audits">
<p>Audits</p>
</div>
<div class="subNav auditsSub">
<div class="navBox">
<p>Audits Sub1</p>
</div>
<div class="navBox">
<p>Audits Sub2</p>
</div>
</div>
提前谢谢 你能给我完整的代码吗?这样我就可以清楚地看到你想要如何处理菜单了。如果您正确组织代码,就不必给每个触发器按钮一个类。 也许这就是你想要的: $(文档).ready(函数(){ }))
最简单的解决方案是在触发器按钮中添加另一个属性,如
data target=“.auditsSub”
。Run的建议是您应该做的。解析类名然后附加“Sub”是很有可能的,但它会变得一团糟。当您从一个元素中读取类时,您将获得所有这些类。然后,在添加之前,您必须先确定要添加哪一个。不太干净。
$(".audits").click(function(){
$(".subNav").hide();
$(".auditsSub").fadeIn("slow");
$("#adSlider").hide();
});
$(".billing").click(function(){
$(".subNav").hide();
$(".billingSub").fadeIn("slow");
$("#adSlider").hide();
});
$(".consulting").click(function(){
$(".subNav").hide();
$(".consultingSub").fadeIn("slow");
$("#adSlider").hide();
});
$(document).ready(function(){
$('.submenu').hide();
$('.menu ul li a').click(function(event){
event.preventDefault(); // prevents link from redirrecting
$('.submenu').hide(); // hide all submenu items
$(this).siblings('.submenu').slideDown (); // show only child submenu
});