Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.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
使用jquery向每个父级添加类_Jquery - Fatal编程技术网

使用jquery向每个父级添加类

使用jquery向每个父级添加类,jquery,Jquery,我正在用jquery构建菜单,我已经将活动类设置为所选元素,但我想将活动类设置为每个父元素,可以这样做吗 <ul class="cdrvo" id="nav"> <li class="nod1" id="1"><a class=" " href="items.aspx?itemID=1">Ljevi Meni</a> <ul style="display: none; visibility: hidde

我正在用jquery构建菜单,我已经将活动类设置为所选元素,但我想将活动类设置为每个父元素,可以这样做吗

<ul class="cdrvo" id="nav">
        <li class="nod1" id="1"><a class=" " href="items.aspx?itemID=1">Ljevi Meni</a>
            <ul style="display: none; visibility: hidden;" >
                <li class="nod3" id="3"><a class=" " href="items.aspx?itemID=3">3</a>
                    <ul style="display: none; visibility: hidden;" >
                        <li class="nod12 active" id="12"><a class=" " href="items.aspx?itemID=12">12</a></li>
                        <li class="nod13" id="13"><a class=" " href="items.aspx?itemID=13">13</a></li>
                    </ul>
                </li>
                <li class="nod6" id="6"><a class=" " href="items.aspx?itemID=6">6</a></li>                    
            </ul>
        </li>
    </ul>
这将把活动类添加到包括body在内的所有元素父元素中。 您可以使用符合您需要的选择器筛选家长:

element.parents('ul').addClass('active');
您可以使用并停在车身上:

$('#yourelement').hover(function(){
    $(this).parentsUntil('#nav').addClass('active');
},
function(){
    $(this).parentsUntil('#nav').removeClass('active');
});
是的,您可以使用.parents选择器

$document.readyfunction{$li.active.parents.addClassactive;}


tnx,seckond one很有魅力,我试着和父母在一起,但父母成功了
$('#yourelement').hover(function(){
    $(this).parentsUntil('#nav').addClass('active');
},
function(){
    $(this).parentsUntil('#nav').removeClass('active');
});