私は 1 つの透明な div を持っておりid=1
、この透明な div を独自のマウス イベントに反応させながら、(クラス/ID に関係なく) 下にあるすべての div にマウス イベントを渡す必要があります。
そのため、クラス/ID で下敷きの div を選択し、pointer-events: none
/display: none
はオプションではありません。
$('#1').mouseenter(function() {
$(this).css('background','rgba(0, 120, 255, 0.3)');
});
$('#a').mouseenter(function() {
$(this).css('background', 'red');
});
$('#1').mouseleave(function() {
$(this).css('background','rgba(0, 120, 255, 0.2)');
});
$('#a').mouseleave(function() {
$(this).css('background', '#555555');
});
クラス/IDに依存しない方法でこれをどのように達成できますか?
それが何かを意味する場合、同時に基になる div は 1 つしかありませんが、その div は任意のクラス/ID を持つことができます。