jQuery Выберите следующий элемент, используя селектор

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() здесь, так как в подсказке() функция принимает только строку выбора в качестве аргумента:

$("#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 или пролетом или любой элемент HTML тегов. вы можете указать имя этого тега. Это то же самое, что и при использовании img-тега.