次のHTMLをさまざまなDIVに追加しました。ホバーしたDIVだけに表示したいオーバーレイです。ただし、オーバーレイがすべてのDIVに表示されるため、以下のコードのHTMLブロックを含む要素にカーソルを合わせると。ただし、オーバーレイをDIV iホバーに表示するだけで、すべてを表示することはできません。.parent()を見つけようとしましたが、機能していません。私は何が間違っているのですか?
<div id="appBillboard">
<!-- edit window overlay -->
<div class="editOverlay">
<div class="editBTN">
<div class="editIcon bL5"></div>
<div class="editTxt bR5 bRLight">EDIT</div>
</div>
</div>
</div>
JS:
//HOVER HIDE & SHOW EDIT OVERLAY AND BUTTON
var editBTN = $('.editBTN');
var overlay = $('.editOverlay');
$(editBTN).fadeTo(0, 0.90);
$(overlay).hover(function () {
//find parent div
var location = $(this).parent();
$(overlay, location).fadeTo(0, 1);
$(editBTN, location).fadeTo(0, 1);
$(overlay, location).addClass('overlayBKGND');
}, function () {
$(overlay).removeClass('overlayBKGND');
$(editBTN).fadeTo(0, 0.90);
});