Имея список (где элементы не имеют идентификаторов), как заставить всплывающие окна div появляться при наведении курсора?

Question

, поэтому у меня есть список вроде

<ul id="usersList">
   <li><form>
       <input class="eButton" type="button" value="robot669394444"
              onClick="openWin('robot669394444',1280,720)">
   </form></li> 
   <li><form>
       <input class="eButton" type="button" value="robot6693925"
              onClick="openWin('robot6693925',1280,720)">
   </form></li> 
</ul>

и пустой div с идентификатором типа PoPa.Я хочу, чтобы у меня была функция jQuery, которая бы делала этот div похожим на всплывающую подсказку поверх кнопки, над которой пользовательская мышь закрылась, и показывал в этом div значение этого элемента?

Answer 1

Вы ищете что-то вроде этого:

$('#usersList input[type=button]').hover(
    function() { /* Position and show #PoPa */ },
    function() { /* Hide #PoPa              */ }
);

Текст, который вы хотите, будет в this.value (или $(this).val(), если у вас есть $(this) сборка для других целей), когда первыйобратный вызов называется.

Answer 2

$("#usersList .eButton").hover(function(){
    //show & position tooltip here
}, function(){
    //hide tooltop here
});