0

.next() を使用して、特定の要素の次の要素を見つけることができることを知っています。ただし、私の状況では、SELECTOR を使用する必要があります。

私はjQuery ツールを使用して、テーブルのいくつかのツールチップを作成しています。各「td」には、リンクとツールチップ div の 2 つの要素があります。私の目標は、マウスがリンクの上に置かれたときにツールチップを表示することです。HTMLによると、リンクの直後に配置されているため、「次の要素」を選択する必要があります。HTML は次のようになります。

<tr>
  <td><a href="#" id="td1">Title</a>
  <div class="tooltip">
    <h1>Tooltip Title</h1>
    <p>A detailed descritpion</p>
  </div>
  </td> 
</tr>
<tr>
  <td><a href="#" id="td2">Title</a>
  <div class="tooltip">
    <h1>Tooltip Title</h1>
    <p>A detailed descritpion</p>
  </div>
  </td> 
</tr>
<!-- more rows -->

残念ながら、tooltip() 関数は引数としてセレクター文字列しか受け付けないため、ここでは .next() を使用できません。

$("#mytable img").tooltip({
    tip: '.tooltip',   // <-- This must be a string, so no next()
    position: 'center right',
    offset: [0, 15],
    delay: 0
});

これを達成する方法はありますか、または HTML を再構築する必要がありますか? どうもありがとう。

4

1 に答える 1

0

これを試すことができます

$("#mytable img").tooltip({
    tip: '#mytable img your_html_element',   // <-- This must be a string, so no next()
    position: 'center right',
    offset: [0, 15],
    delay: 0
});

ここyour_html_elementには、div または span または任意の html 要素タグを指定できます。そのタグの名前を付けることができます。これは、img タグの使用方法と同じです。

于 2012-06-04T13:11:43.093 に答える