如何选择<li>作为锚元素直接父元素的元素?
在示例中,我的CSS将是这样的:
li < a.active {
property: value;
}
Run Code Online (Sandbox Code Playgroud)
显然有一些方法可以使用JavaScript来实现这一点,但我希望CSS Level 2本身存在某种解决方法.
我尝试设置样式的菜单正在由CMS喷出,因此我无法将活动元素移动到<li>元素...(除非我主题菜单创建模块,我宁愿不这样做).
有任何想法吗?
我正试图改变.target那个兄弟的兄弟姐妹.hover.似乎无法使这段代码工作 - 我不确定我的函数开头是否需要$(this),或$('.target')...我认为它可能是.target因为那个是我正在改变的CSS .css().
<script type="text/javascript">
$(document).ready(function() {
$('.hover').hover(
function(){
$(this).parent().siblings('.target').css('display', 'inline');
},
function(){
$(this).parent().siblings('.target').css('display', 'none');
}
);
});
</script>
Run Code Online (Sandbox Code Playgroud)
这是我的预感(也不起作用):
$('.target').parent(this).sibling().css('display', 'inline');
Run Code Online (Sandbox Code Playgroud)
这是html
<div class="target" style="display: none;">
</div>
<div>
<span class="hover">Hover</span>
</div>
Run Code Online (Sandbox Code Playgroud)
编辑-----------------看来,当它不工作span的class="hover".
EDIT numero dos --------------------看来我的<span>父母很深,需要.parent().parent()谢谢.