Question

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

我正在使用jQuery tools来构建表的tooltips，每个“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？非常感谢。

Answer 1

你可以试试这个

$("#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标记的方式相同。

jQuery使用选择器选择下一个元素

1 个答案: