javascript - メニューを表示した Hovered 要素の属性を取得する

Question

ユーザーが特定のクラスのアンカータグにカーソルを合わせたときに表示されるメニューがあります。同じメニューが常に表示されますが、アンカー タグの「accNum」属性が異なります。メニューを表示した「親」要素から accNum 属性の値を取得し、それをメニュー項目の 1 つのクリック イベントに追加したいと考えています。何かのようなもの;

<a href="#" class="actionLink" onmouseover="$('ActionsMenu').style('display','block');" accNum="11111">Actions</a>
<a href="#" class="actionLink" onmouseover="$('ActionsMenu').style('display','block');" accNum="22222">Actions</a>
<a href="#" class="actionLink" onmouseover="$('ActionsMenu').style('display','block');" accNum="33333">Actions</a>
<div id="ActionsMenu" style="display:none;">
    <a href="#" id="showAccountValues">Show Account</a>
</div>

メニューを表示するためにホバーした「ActionLink」に関係なく、そのAccNum値を取得して、「ShowAccountValues」のonClickイベントを次のように作成します

onClick="showAccountValues('AccNum value of parent');"

どんな助けでも素晴らしいでしょう。また、これを「ActionLink」の document.ready() 関数にバインドする必要があると思いますが、これを介してそれを取得できれば素晴らしいと思いました。ありがとうございました