javascript - 如何从悬停调用类/ID

Question

我有一个带有产品网格视图的小型电子商务网站，其中包含：

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

在主产品页面中，它包含与上述相同的类，另外：

.product-discount

我在网格视图上尝试做的是在鼠标悬停.product-discount时显示标签。.product-image

我只想知道如何悬停类标签。我努力了：

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

Answer 1

伪类不必是尾随部分。所以这是有效的，应该可以工作：

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

Answer 2

尝试这个

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