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>

如何获取这些列表元素的 ID 而不使用 jQuery(AJAX) 将它们加载到主 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 值的数组，这完全取决于您的用例