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

Question

我想href用JQuery 从属性中检索所有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();