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

【问题标题】：How to get all href values from a list with JQuery?如何使用 JQuery 从列表中获取所有 href 值？
【发布时间】：2019-07-31 15:12:43
【问题描述】：

我想使用 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>

【问题讨论】：

请包含一个实际问题。哪种编程语言？你想在这里做什么？您已经包含了一个 MVC 标记，但没有进一步解释您的意思
请编辑问题
我想获取jquery中的所有href值
如何在jquery中获取href值

标签： jquery href

【解决方案1】：

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

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

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

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

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

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

【讨论】：

【解决方案2】：

var arrayVariable = [ ];
$(".nav li").each(function (i){
    arrayVariable[i]=$(this).find("a").attr('href');
});

$("#zz").html(arrayVariable + "");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="nav navbar-nav"> 
    <li class="active">
      <a href="www.myweb.com/home">Home</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>
<div id="zz"></div>

【讨论】：