javascript - 使用 jQuery(AJAX) 获取外部 HTML 文件列表元素的 ID

Question

我有一个外部 HTML 文件，它只包含一个无序列表，其中有几个列表元素，如下所示:

<ul>
    <li id="list-1"></li>
    <li id="list-2"></li>
    <li id="list-3"></li>
    <li id="list-4"></li>
    <li id="list-5"></li>
</ul>

如何使用 jQuery(AJAX) 获取这些列表元素的ID而不将它们加载到我的主 HTML 文件的 DOM中。

Answer 1

您可以使用 AJAX 检索 HTML，然后从返回的 HTML 创建一个 jQuery 对象并循环遍历它们以获取它们的 id 属性，如下所示:

$.ajax({
  url: '/yourpage.html',
  success: function(html) {
    $(html).find('li').each(function() {
      var id = this.id;
      // use the id here...          
    })
  }
}); 

或者，您可以使用 map() 构建一个包含 id 值的数组，这完全取决于您的用例