jQuery获取.hover上的类的元素

$('.product-list').hover(
    $('.product-list-thumbnail ').css({'opacity': "0.2;"}) 
);

关于元素的悬停，我试图更改另一个元素的不透明度。我尝试过使用CSS，但这是我能找到的唯一解决方案。jQuery获取.hover上的类的元素

我的HTML看起来像：

<article class="wrapper"> 
    <div class="product-list-thumbnail "><img src="" /></div> 
    <div class="product-list">Product details</div> 
</article>

正如我在页面上有很多的这些。我如何才能将目前课程所在的容器内的.product-list-thumbnail类作为目标？

谢谢！

来源

2015-12-10 PourMeSomeCode

那是不是正确的方式来使用悬停... – epascarello

@epascarello它是唯一的方法，我可以找到能够切换当前悬停的其他元素 – PourMeSomeCode

悬停需要一个功能，这不是功能 – epascarello

我想这是一种歪曲，但在你的html语法中有一个点。 “.product-list-thumbnail” 试试这个。

<div class="product-list">Product details</div>

来源

2015-12-10 17:26:09 zaylen

您没有正确使用方法hover。该方法需要两个函数，第一个调用悬停，第二个调用blur。您也可以使用$.siblings找到.product-list-thumbnail。

$('.product-list').hover(
    function(){ 
    $(this).siblings('.product-list-thumbnail').css({'opacity': "0.2"}); 
    }, 
    function(){ 
    $(this).siblings('.product-list-thumbnail').css({'opacity': "1"}) ; 
    } 
);

来源

2015-12-10 17:28:01

首先，你可以尝试卸下类周期看起来像这样<div class="product-list-thumbnail ">那么我建议改变的HTML代码来包装缩略图相同元素（更好的语法）到像

<div class="product-detail"> 
    <img src="" /> 
    Product detail information 
</div>

所以，你可以像这样通过CSS影响元素：

.product-detail:hover img {opacity: .2}

来源

2015-12-10 17:31:45 fbozo

修复行个< DIV CLASS = “产品列表缩略图。” >与< DIV CLASS = “产品列表缩略图” >

..和我们在这里更换;）

$('.product-list').hover(function(){ 
    $(this).parent().find('.product-list-thumbnail').css({'opacity': '0.2'}) 
},function(){ 
    $(this).parent().find('.product-list-thumbnail').css({'opacity': '1'}) 
});

来源

2015-12-10 17:34:33 Vixed

jQuery获取.hover上的类的元素

回答

相关问题