获取 Href 集合

Question

我正在使用此代码获取以下 html：

$(".ms-rtestate-field")[0];

这是返回

<div class="ms-rtestate-field" dir=""> 
<a href="/DE/Company/OurOrganisation/ActionsDE.pdf">DE</a> 
<a href="/EN/Company/OurOrganisation/Act‌​ionsEN.pdf">EN</a> 
</div> 

如何获取div中所有锚点的href，其中一些div可能列出许多锚点？尝试这个但不好

$(".ms-rtestate-field")[0].attr(""href);

Answer 1

创建一个数组并向其添加href。

var hrefs = [];

$(".ms-rtestate-field a").each(function(){
  hrefs.push($(this).attr("href"));
});

现在您可以像这样访问它们：

for(var i=0;i<hrefs.length;i++)
    alert(hrefs[i]);

Answer 2

$(".ms-rtestate-field a").each(function(){
var href = $(this).attr("href");
});

Answer 3

如何获取第一个 href 和第二个 href ？

做起来

var firstHREF = $(".ms-rtestate-field a:eq(0)").attr("href");
var secondHREF = $(".ms-rtestate-field a:eq(1)").attr("href");

您需要使用eq 选择器根据其索引将特定锚点a 转到下一级。

如果你想要hrefs数组那么简单

var hrefs = [];
$(".ms-rtestate-field a").each(function(){
  hrefs.push( $(this).attr( "href" ) );
});

Answer 4

使用.map，通过函数传递当前匹配集中的每个元素，生成一个包含返回值的新 jQuery 对象。

Array.from() 方法从类数组或可迭代对象创建一个新的 Array 实例。

var href = $('.ms-rtestate-field').find('a[href]').map(function() {
  return this.href;
}).get();
console.log(href);
//OR
var href = Array.from($('.ms-rtestate-field').find('a[href]')).map(function(elem) {
  return elem.href;
});
console.log(href);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="ms-rtestate-field" dir="">
  <a href="/DE/Company/OurOrganisation/ActionsDE.pdf">DE</a> 
  <a href="/EN/Company/OurOrganisation/Act‌ionsEN.pdf">EN</a> 
</div>