使用jQuery在悬停时选择父级的兄弟

前端之家收集整理的这篇文章主要介绍了使用jQuery在悬停时选择父级的兄弟前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试更改.target的css,它是.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>

这是我的预感(也不起作用):

$('.target').parent(this).sibling().css('display','inline');

这是html

<div class="target" style="display: none;">
</div>
<div>
    <span class="hover">Hover</span>
</div>

编辑 – – – – – – – – –
当span是class =“hover”时,它似乎不起作用.

EDIT numero dos ——————–
好像我有我的< span>两个父母深,需要.parent().parent()谢谢.

解决方法

安迪,
检查这个小提琴,你似乎在你发布的第一个样本中有正确的代码.如果您可以发布您的HTML,我们可能会有更好的时间帮助您. http://jsfiddle.net/nKtzB/3/
原文链接:https://www.f2er.com/jquery/176478.html

猜你在找的jQuery相关文章