jQuery父级（嵌套div）更改类_Jquery_Dom_Parent_Parents

jQuery父级（嵌套div）更改类

jquery dom

jQuery父级（嵌套div）更改类,jquery,dom,parent,parents,Jquery,Dom,Parent,Parents,我正在努力学习jQuery 我想要的是，当我盘旋在一个孩子身上时，他会改变（玫瑰中）父母阶级（XI）。我相信一定是这样的 $（this.parent（）.addClass（“XI”）您可以在jQuery附近复制并保存它 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http:/

我正在努力学习jQuery

我想要的是，当我盘旋在一个孩子身上时，他会改变（玫瑰中）父母阶级（XI）。我相信一定是这样的 $（this.parent（）.addClass（“XI”）

您可以在jQuery附近复制并保存它

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>PAPOU VERTICAL</title>
    <link rel="stylesheet" type="text/css" media="all" href="papouVER.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $("div[class$='OO']").hover(function(){
        $(this).toggleClass("OI");
        $(this).children().toggleClass("OI");
        $(this).children().hover(function(){
        $(this).toggleClass("OI");
        });});});   
    </script>   
    <style>
body{margin:0;padding:0;background:#FFF url(images/stripe.png);}
.pages { position:absolute;float:left;float:left;z-index:-1000;}
.pagesbis{ float:left;float:left;z-index:-1000;}
.papa {position:absolute;width:100%;border-bottom:1px solid #aaa;color:#777;background-color:#FEFEFE;-moz-box-shadow: 0 5px 5px -2px #CDCDCD; -webkit-box-shadow: 0 3px 5px #AAA;}
.papa-OO{ position:relative;float:left;float:left;width:auto;}
.maison-OO{ position:absolute;display:none;z-index:-50;}
.maison-OO.OI{ display:block;-moz-box-shadow: 0 3px 5px #AAA; 
-webkit-box-shadow: 0 3px 5px #AAA;}
.nurse-OO{ z-index:90;width:auto;position:absolute;left:100%;top:0;display:none;}
.nurse-OO.OI{ display:block;-moz-box-shadow: 0 3px 5px #AAA; -webkit-box-shadow: 0 3px 5px #AAA;}
.filscache-OO{ position:relative;}
.papa-OO a { display:block;padding:0.7em;color:#777;background-color:#FEFEFE;font-size:0.7em;font-weight:bold;text-decoration:none;white-space:nowrap;}
.papa-OO a:hover { display:block;color:#222;background:#CCC;}
.OI.XI { display:block;color:#222;background:#DDD;}
    </style>
</head>
<body>
<div class="papa">
<div class="papa-OO">
<a href="#">L'autre papounet et ses lardons</a>
<div class="maison-OO">
                    <div class="filscache-OO">
                        <a href="#">Un autre fils gardé par sa nurse…</a>
                    </div>

    <div class="filscache-OO">
        <a href="#">Un fils gardé par sa nurse</a>
        <div class="nurse-OO">

            <div class="filscache-OO">
                <a href="#">Un autre fils gardé par sa nurse…</a>
            </div>

            <div class="filscache-OO">
                <a href="#">Un fils avec un seul copain</a>
                <div class="nurse-OO">
                    <div class="filscache-OO">
                        <a href="#">Un autre fils gardé par sa nurse…</a>
                    </div>
                </div>
            </div>
                <div class="filscache-OO">
                    <a href="#">Un autre fils gardé par sa nurse…</a>
                </div>
        </div>
    </div>
</div>  
</div>
</div>
<div class="pages">
Pages<br />Pages<br />Pages<br />Pages<br />Pages<br />Pages<br />Pages<br />Pages<br />Pages<br />Pages<br />Pages<br />Pages<br />Pages<br />
</div>
</body>
</html>


巴布纵
$（文档）.ready（函数（）{
$（“div[class$='OO']）。悬停（函数（）{
$（此）.toggleClass（“OI”）；
$（this.children（）.toggleClass（“OI”）；
$（this.children（）.hover（function（））{
$（此）.toggleClass（“OI”）；
});});});   
正文{margin:0；padding:0；background:#FFF url（images/stripe.png）；}
.pages{位置：绝对；浮点：左；浮点：左；z索引：-1000；}
.pagesbis{float:left；float:left；z索引：-1000；}
.papa{位置：绝对；宽度：100%；边框底部：1px实心#aaa；颜色：#777；背景色：#fefefefe；-moz盒阴影：0 5px 5px-2px#cdcdcdcd；-webkit盒阴影：0 3px 5px#aaa；}
.papa OO{position:relative；float:left；float:left；width:auto；}
.maison OO{位置：绝对；显示：无；z索引：-50；}
.maison OO.OI{display:block；-moz盒阴影：0 3px 5px#AAA；
-网络工具包盒阴影：0 3px 5px#AAA；}
.OO{z-index:90；宽度：自动；位置：绝对；左侧：100%；顶部：0；显示：无；}
.nurse OO.OI{display:block；-moz盒阴影：0 3px 5px#AAA；-webkit盒阴影：0 3px 5px#AAA；}
.filscache OO{位置：相对；}
.papa OO a{显示：块；填充：0.7em；颜色：#777；背景色：#fefefefe；字体大小：0.7em；字体重量：粗体；文本装饰：无；空白：nowrap；}
.papaooa:hover{显示：块；颜色：#222；背景：#CCC；}
OI.Xi {显示：块；颜色：α222；背景：γDDD；}
页面
页面
页面
页面
页面
页面
页面
页面
页面
页面
页面
页面
页面
页面
页面

是，您可以执行以下操作：

$(this).parent(' #id or .class ').addClass("XI"); // one level up

或

更多信息：

是的，您可以：

$(this).parent(' #id or .class ').addClass("XI"); // one level up

或

更多信息：

如果我理解正确，那么

$（this）.parent（）.addClass（“XI”）

是正确的。你没试过吗？我从昨天就开始试了；）但我看不出我在哪里出错。无论如何，我要感谢你们给了我最快的答案（也感谢你们的精神）。我要再读一遍《父母、父母和最亲近的人》。但我认为问题并不存在。这就是我显示所有代码的原因。您能更好地描述当您将鼠标悬停在哪个元素上时应该发生什么吗？请给出一个具体的例子。Felix，我做到了，你现在可以复制并保存在jquery附近，你会看到我想要什么。你可能会说我正试图重新发现轮子。就像我说的，我正在努力学习。再次感谢。如果我理解正确，那么

$（this）.parent（）.addClass（“XI”）

$(this).parents(' #id or .class ').addClass("XI"); // search up until found