jQuery 获取所有具有特定 id 的 div

Question

我的堆栈溢出，

我正在尝试制作工具提示以显示我的 asp:Repeater 控件中每个项目的描述。问题是我的 jquery 必须遍历所有 div 并制作一个 .tooltip()。我曾尝试在 jQuery 中使用 each() 函数，但没有显示工具提示：-/

我当前的代码：

<script type="text/javascript">
$(document).ready(function () {
    $('.tooltip').each(function (index, domEle) {
        domEle.tooltip();
    });
});
</script>

还有我的中继器：

<asp:Repeater ID="rptListPartners" runat="server">
<HeaderTemplate>
<table border="0" cellpadding="7" cellspacing="0">
</HeaderTemplate>
<ItemTemplate>  
    <tr>
        <td style="font-family:Verdana; font-size:11px; height: 18px; width:400px;">
            <div id="data_tooltip_from_div" style="display:none;"> <%#Eval("profile") %></div>
                 <a id="tooltip_from_div" href="#" class="tooltip"> <%#Eval("name") %>, <%#Eval("address") %>, <%#Eval("zip") %> <%#Eval("city") %> <a href='<%#Eval("homepage") %>' target="_blank"><img src='/kort/www.png' /></a></a>
            </td>
            <td style="font-family:Verdana; font-size:11px; height: 18px;"><%#Eval("phone") %></td>               
    </tr>
</ItemTemplate>
<FooterTemplate>
    </table>
</FooterTemplate> 
</asp:Repeater>

这种方法完全不可行，还是？ :-)

任何提示将不胜感激！

提前致谢！

Answer 1

在您的.each() 内部domEle 直接引用DOM 元素，而不是具有.tooltip() 插件方法的jQuery 对象......所以它应该看起来像这样：

$(document).ready(function () {
    $('.tooltip').each(function (index, domEle) {
        $(domEle).tooltip();
    });
});

但是……它是一个插件，所以根本不需要循环：

$(document).ready(function () {
    $('.tooltip').tooltip();
});

ID 必须是唯一的...它不会在此处导致错误，但如果重复有效，则将其删除，并避免以后出现其他问题。您已经拥有了在这里选择所需元素的类。

---

此外，使用当前方法，您应该会在控制台中看到 JavaScript 错误，这将准确地告诉您发生了什么。如果您使用的是没有控制台的浏览器，我建议您使用 Firefox 和 FireBug 来使用它，或者使用 Chrome，它包含开发人员工具。