首先，我假设对于CSS3来说这太复杂了，但是如果某个地方有解决方案，我很乐意使用它。

HTML非常简单。

<div class="parent">
    <div class="child">
        Text Block 1
    </div>
</div>

<div class="parent">
    <div class="child">
        Text Block 2
    </div>
</div>

子div设置为显示：无；默认情况下，但更改为display：block;
当鼠标悬停在父div上时。问题是此标记出现在我网站上的多个位置，并且我只希望在鼠标悬停在其父项上方时显示该子项，而不是在鼠标悬停在其他任何父项上时都显示该子项（它们都具有相同的类）名称和ID）。

我尝试使用$(this)并且.children()无济于事。

$('.parent').hover(function(){
            $(this).children('.child').css("display","block");
        }, function() {
            $(this).children('.child').css("display","none");
        });