如何从悬停中调用类/ id

时间:2012-10-07 06:22:24

标签: javascript jquery html css

我有一个小型电子商务网站,其产品网格视图包含:

.product-image
.product-price
.product-name

在主产品页面中,它包含与上述相同的类,加上:

.product-discount

我在网格视图中尝试执行的操作是在.product-discount悬停时显示.product-image标记。

我只是想知道如何悬停类标签。我试过了:

.product-image:hover { something that would call the .product-discount; }

enter image description here

2 个答案:

答案 0 :(得分:2)

伪类不必是尾随部分。所以这是有效的,应该有效:

.product-image .product-discount { visibility:hidden; } /* make sure it takes up space (for whatever reason) */
.product-image:hover .product-discount{ visibility:visible; }

答案 1 :(得分:0)

试试这个

jQuery('.product-image').bind('hover', function(){ 
    jQuery('.product-discount').show(); 
}