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

Question

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

目的:我的程序包含多个服务器 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 秒重复一次该过程。

Answer 1

您可以使用 .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();