有一个列表（其中项目没有 id）如何使 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 的列表，其 id 类似 PoPa。我想要一个 jQuery 函数，使该 div 看起来像用户鼠标悬停在按钮顶部的工具提示，并在该 div 中显示该项目值？

Answer 1

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

Answer 2

您正在寻找这样的内容：

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

您想要的文本将位于 this.value （或 $(this).val() 如果您有 $ (this) build for other use) 当第一个回调被调用时。