3


javascript オブジェクトを dom 要素にリンクできるようにしたいのですが、これを適切に行う方法が見つかりません。例: 在庫のあるページを開くと、そこに含まれるすべてのアイテムが読み込まれ、その中の画像にカーソルを合わせると、いくつかの情報を含む小さなツールチップが作成されるとします。ページにはこれらのアイテムの多くがあり、DOM 要素をオブジェクトにリンクして、そのプロパティに簡単にアクセスできるようにしたいと考えています。自分のことをきちんと説明してくれることを願っています。

在庫の中にこれがあったとしましょう:

<div id="slot1"><img id="item1"></div>

<div id="slot2"><img id="item2"></div>

そして、slot1 と slot2 という JavaScript オブジェクトがあるとします。

オブジェクト slot1 には、ツールチップに表示する必要があるすべてのプロパティがあるため、マウスオーバー イベントで次のようなことをしたいと思います。

this.showTooltip()

私がそれをよりよく説明する必要がある場合、どんな助けも素晴らしいでしょう。

- タイスコーピオン

4

2 に答える 2

4

jQuery データを使用します。

$("div.hasToolTip").hover(
   function() {
       //Get the associated data with the DOM element
       //with $(this).data(someKey)

       showToolTip($(this).data('toolTipInformation'));
   },
   function() {
       //Here you can hide all tooltips
   }
);

明らかに、このイベントを登録する前に、オブジェクトをすべての DOM 要素に割り当てる必要があります$(selector).data(key, value)。

これらの例では、ツールチップを持つ必要があるすべての DOM 要素に という名前のクラスがあることを想定しています.hasToolTip。

関数の詳細については、jQuery のドキュメント.data()を参照してください。

于 2011-07-16T08:12:09.533 に答える