javascript - ホバーからクラス/IDを呼び出す方法

Question

以下を含む製品グリッドビューを備えた小さなeコマースサイトがあります。

.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(); 
}