jquery - 如何使用 JQuery 从列表中获取所有 href 值？

Question

我想使用 JQuery 从 href 属性中检索所有 URI。我怎么能那样做？

这里是 HTML 的例子

<ul class="nav navbar-nav"> 
    <li class="active"><a href="www.myweb.com/home">Home <span class="sr-only">(current)</span></a></li> 
    <li><a href="www.myweb.com/findyourcity">Find Your City</a></li> 
    <li><a href="www.myweb.com/howitwork">How It Works</a></li> 
    <li><a href="www.myweb.com/faq">FAQ</a></li> 
</ul>

Answer 1

要获取单个属性值，您可以使用 attr像这样:

$('selector').attr('href');

但是，这只会为您提供找到的第一个 项的属性值。要获取多个值，请使用 map :

$('selector').map( function() {
    return $(this).attr('href');
}).get();

在您的情况下，选择器可能是 navbar-nav a，因为您似乎想要导航栏中的所有链接，这使得您的代码如下:

var allLinks = $('.navbar-nav a').map( function() {
    return $(this).attr('href');
}).get();