javascript - 如何循环遍历列表并获取每个 href 值？

Question

我正在使用 for 循环来循环访问具有链接的列表，我试图获取 href 的值但没有成功。 我可以通过这样做返回链接..

let me = $('#wizTabs li a');

但仍无法获取 href。

我尝试过 me[i].attr("href") 并且收到有关 attr 不是函数的错误。 我也尝试了 $(this) 但没有成功

let me = $('#wizTabs li');

for (i = 0; i < me.length; i++) {
  console.log(me[i]);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav nav-tabs" id="wizTabs">
  <li class="active"><a href="#pnlCustomerAddress" data-toggle="tab" aria-expanded="false">Customer Info</a></li>
  <li><a href="#pnlCustomerContacts" data-toggle="tab" aria-expanded="false">Contacts</a></li>
  <li><a href="#pnlShipToAddress" data-toggle="tab" aria-expanded="true">Ship To Info</a></li>
  <li><a href="#pnlImplementorAddress" data-toggle="tab">Company Info</a></li>
</ul>

Answer 1

使用 for 循环循环 jQuery 集合将为您提供该集合的 DOM 元素，因此您不能对它们使用 jQuery 方法。您必须将 DOM 元素包装在 $() 中，以便能够在其上使用 jQuery 方法。

let me = $('#wizTabs li a').each(function(){
  console.log($(this).attr("href"));
});

//Javascript solution
for (i = 0; i < me.length; i++) {
  console.log(me[i].getAttribute("href"));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav nav-tabs" id="wizTabs">
  <li class="active"><a href="#pnlCustomerAddress" data-toggle="tab" aria-expanded="false">Customer Info</a></li>
  <li><a href="#pnlCustomerContacts" data-toggle="tab" aria-expanded="false">Contacts</a></li>
  <li><a href="#pnlShipToAddress" data-toggle="tab" aria-expanded="true">Ship To Info</a></li>
  <li><a href="#pnlImplementorAddress" data-toggle="tab">Company Info</a></li>
</ul>