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();

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

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

2 个答案: