Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery获取所选元素的类_Javascript_Jquery - Fatal编程技术网

Javascript jQuery获取所选元素的类

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

我的网站上有很多按钮。当我点击一个按钮时,我想显示一个子导航。所有副导航都有“subNab”等级,但也有一个与主导航相同的等级,并附加“sub”。例如,我有:

<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
});