获取特定类的每个 UL 元素的 ID

Goal:从名为 SBUpdater 的 ul 类获取特定 HTML 元素 ul 的 id 值

Purpose:我的程序包含多个服务器 url，并从每个服务器 url 解析我需要的特定信息。 ul 的每个 id 都包含服务器 url 的值。我需要获取此 ID 值，以便可以更新特定的 ul 标记并更新屏幕上的内容（无需刷新页面）。

在 php 文件中我有以下内容： 示例代码：

<ul id="http://server1.com" class="SBUPdater">
   <li> ... </li>
</ul> 

<ul id="http://server2.com" class="SBUPdater">
   <li> ... </li>
</ul>

我所需要的只是一种从 ul 标签获取此 id 值的方法。 已知：

• 标签 = ul
• 类 = SBUpdater
• ID = ?

我想要的是检索每个 ul 的 id 值，获取所有 ul id，用它们执行一个函数，然后每 10 秒重复该过程。

您可以使用.map() http://api.jquery.com/map/，尽管你的 ID 无效，如下所示：

var idArray = $(".SBUPdater").map(function() { return this.id; }).get();

不过，我会使用数据属性，如下所示：

<ul data-url="http://server1.com" class="SBUPdater">

和这样的脚本：

var urlArray = $(".SBUPdater").map(function() { return $(this).attr("data-url"); }).get();

或者，如果您使用的是 jQuery 1.4.3+

var urlArray = $(".SBUPdater").map(function() { return $(this).data("url"); }).get();