0

我知道我们可以使用 .next() 来查找给定元素的下一个元素。但是，我的情况迫使我使用 SELECTOR。

我正在使用jQuery 工具来构建表格的一些工具提示，每个“td”都有两个元素：链接和工具提示 div。我的目标是在鼠标悬停在链接上时显示工具提示。根据 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 -->

不幸的是，我不能在这里使用 .next() ，因为 tooltip() 函数只接受选择器字符串作为参数：

$("#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 回答