Javascript jQuery查找元素

我有一个div，因此：

<div class="country"> 
    <div class="cty_popover">
        <p>TITLE</p>
        <ul>
            <li>NAME 1</li>
            <li>NAME 2</li>
        </ul>
    </div>

    <img src="resources/images/map-marker.png" alt=" ">
</div>

我知道jQuery中的这一行是错误的：

$(this).find('.cty_popover').fadeIn(800);

我需要针对：

.cty_popover 

从功能内部：

$('.country img').hover

所以基本上我的问题是：

如何使用

$（this）

，以

.cty\u popover

为目标？我需要从“img”升级到目标，但不确定如何升级

我有很多这样的

.cty\u popover

div，这就是为什么我想使用

$（this）

，所以我不把它们都作为目标

有人知道为什么我不能让它工作吗

---

谢谢

因为

img

是

cty\u popover

的兄弟，您可以使用该功能瞄准它-请参见下面的演示：

$（文档）.ready（函数（）{
//最初隐藏所有“cty_popover”部分
$（'.cty_popover'）.hide（）；
//悬停侦听器
$（'.country img'）。悬停（函数（）{
$（this）.prev（'.cty_popover'）.fadeIn（800）；
}，函数（）{
$（此）.prev（'.cty_popover'）.fadeOut（300）；
});
});

头衔


名字1
名称2

由于
img
是
cty\u popover
的兄弟，您可以使用该功能定位它-请参阅下面的演示：


$（文档）.ready（函数（）{
//最初隐藏所有“cty_popover”部分
$（'.cty_popover'）.hide（）；
//悬停侦听器
$（'.country img'）。悬停（函数（）{
$（this）.prev（'.cty_popover'）.fadeIn（800）；
}，函数（）{
$（此）.prev（'.cty_popover'）.fadeOut（300）；
});
});

头衔


名字1
名称2

由于img节点是cty\u popover节点的同级节点，因此将替换此行

$(this).parents('.cty_popover').fadeIn(800);

这样应该行得通

$(this).siblings('.cty_popover').fadeIn(800);

示例
，因为img节点是cty\u popover节点的兄弟节点，替换了这一行

$(this).parents('.cty_popover').fadeIn(800);

这样应该行得通

$(this).siblings('.cty_popover').fadeIn(800);

例如，您应该使用兄弟姐妹：

请参见以下处理HTML的示例：


$（文档）.ready（函数（）{
$（'.country'）.children（'img'）.hover（函数（）{
$（this）.兄弟姐妹（'.cty_popover'）.fadeIn（800）；
},
函数（）{
$（'cty_popover'）。淡出（300）；
});
});
.country{
相对位置；
宽度：300px；
}
.country>img{
宽度：100%；
显示：块；
}
.country.cty_popover{
显示：无；
位置：绝对位置；
左：10px；
顶部：10px；
背景：rgba（255255,0,9）；
填充物：5px；
边界半径：5px；
宽度：285px；
}
.country.cty_popover:之后{
内容：“；
宽度：0；
身高：0；
左边框：20px实心透明；
右边框：20px实心透明；
边框顶部：20px实心rgba（255255,0,9）；
位置：绝对位置；
底部：-20px；
左：50%；
左边距：-10px；
}

头衔


名字1
名称2

您应该使用同级：

请参见以下处理HTML的示例：


$（文档）.ready（函数（）{
$（'.country'）.children（'img'）.hover（函数（）{
$（this）.兄弟姐妹（'.cty_popover'）.fadeIn（800）；
},
函数（）{
$（'cty_popover'）。淡出（300）；
});
});
.country{
相对位置；
宽度：300px；
}
.country>img{
宽度：100%；
显示：块；
}
.country.cty_popover{
显示：无；
位置：绝对位置；
左：10px；
顶部：10px；
背景：rgba（255255,0,9）；
填充物：5px；
边界半径：5px；
宽度：285px；
}
.country.cty_popover:之后{
内容：“；
宽度：0；
身高：0；
左边框：20px实心透明；
右边框：20px实心透明；
边框顶部：20px实心rgba（255255,0,9）；
位置：绝对位置；
底部：-20px；
左：50%；
左边距：-10px；
}

头衔


名字1
名称2

您可以使用选择器重载来搜索另一个元素，如$（whereSelector，whatSelector）。您可以使用选择器重载来搜索另一个元素，如$（whereSelector，whatSelector），非常感谢。她挣扎了一个小时。@Zaas你能接受答案并结束这个问题吗？谢谢太好了，谢谢你。她挣扎了一个小时。@Zaas你能接受答案并结束这个问题吗？谢谢