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

我正在尝试更改 css.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>

这是我的预感（这也行不通）：

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

这是 html

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

编辑 - - - - - - - - - 当 a 时，它似乎不起作用span is class="hover".

编辑号码-------------------- 看来我有我的<span>两个深沉且需要的父母.parent().parent() Thanks.

假设您的 html 正如您所期望的那样，并且在没有看到它的情况下我无法评论改进，这应该有效：

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

或者，如果.target元素是下一个兄弟元素：

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

或者，如果前一个兄弟（以及您发布的 htmlis前一个兄弟姐妹）：

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

参考：

• .siblings().
• .parent().
• .sibling().
• .prev().
• .next().