Javascript 使用jQuery（AJAX）获取外部HTML文件列表元素的ID

我有一个外部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>

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

---

如何使用jQuery（AJAX）获取那些列表元素

的ID，而无需将它们加载到主HTML文件的DOM

。

您可以使用AJAX检索HTML，然后从返回的HTML中创建一个jQuery对象，并循环遍历它们以获取它们的

ID

属性，如下所示：

<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>

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

或者，您可以使用

map（）

来构建

id

值的数组，这取决于您的用例

$（“按钮”）。单击（函数（）{
$（'li'）。每个（函数（）{
console.log（$（this.attr（'id'））；
});
});


a
b
c
d
e

单击“我”
使用虚拟dom元素并从中找到所需的元素。您应该尝试使用Curl