我有以下代码：
$('.icon-click').mouseenter(function () {
console.log('banana');
$(this).hover(function(){
$(this).children("img");
});
});
<div class="circles-cont">
<div class="col-sm-4 text-center icon-click">
<p class="circle">
<img class="search" src="http://www.clker.com/cliparts/w/N/I/K/O/9/smaller-red-button-th.png">
</p>
<p class="thetext">
<span>Search</span>
<br/>
<span>afasfasfa</span>
</p>
</div>
<div class="col-sm-4 text-center icon-click">
<p class="circle ">
<img class="conv" src="http://www.clker.com/cliparts/w/N/I/K/O/9/smaller-red-button-th.png">
</p>
<p class="thetext">
<span>asfsfas</span>
<br/>
<span>asfasfasf</span>
</p>
</div>
<div class="col-sm-4 text-center icon-click">
<p class="circle ">
<img class="local" src="http://www.clker.com/cliparts/w/N/I/K/O/9/smaller-red-button-th.png">
</p>
<p class="thetext">
<span>asfasasf</span>
</p>
</div>
我试图仅将鼠标悬停在其主要.icon-click元素上时才分别获取img：hover的结果。
您不能用来在CSS类上hover使选择器生效:hover。但是您可以使用您的更改创建一个类，然后通过jQuery的$.hover功能将此类重定向到所需的元素。
$(".icon-click").hover(function() {
$(this).find("img").addClass("hovered");
}, function() {
$(this).find("img").removeClass("hovered");
});
但是您甚至可以在没有js的情况下完成整个工作。只需:hover在父项上使用即可。像这样：
.icon-click:hover img {
background-color: black;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句