jQuery - 正文中的非选择器

时间:2012-12-14 13:43:45

标签: jquery jquery-selectors

我有一个使用通常语法的网站(标题,主页,页脚) 我在主要部分得到了一个小组导航。

我的问题:
子导航的id为#nav_sub。如果页面"印记","联系"或"时事通讯"已加载,我的CMS(Contao)正在添加类" footerstyle"在body-tag中,看起来像这样:

<body class="mac chrome ch24 footerstyle"> 

对于子导航而言,我添加了一个漂亮的悬停效果,但是当&#34; footerstyle&#34;时,我不希望这种效果对于子导航。已加载。这有点可能吗?

这就是我选择子导航的方法:

var $subnavi = jQuery("#nav_sub #navigation");

我试过了:不是和.not()但它还没有奏效。

非常感谢您的帮助

1 个答案:

答案 0 :(得分:2)

假设您现有的选择器"#nav_sub #navigation"是正确的(如果元素位于ID为navigation的元素内,则标识为nav_sub的元素),那么您可以使用

$("#nav_sub #navigation").not("body.footerstyle #navigation")

$("body:not(.footerstyle) #nav_sub #navigation")

如果#nav_sub中没有关于#navigation的特殊条件,只需使用

即可
$("body:not(.footerstyle) #navigation")