如何选择div和href中的所有文本

Question

我有HTML如:

<div class="mt brn">
  <a href="....">Country 1</a>
</div>
<div class="mt brn">
  <a href="....">Capital 1</a>
</div>
<div class="mt brn">
  <a href="....">Population</a>
</div>

我想知道如何使用Javascript(而不是jquery)来创建一个数组:

[国家1,资本1,人口]

我知道每个href上面的DIV类将设置为"mt brn" - 所以我希望它忽略任何未包含在内的href文本

提前致谢,

标记

Answer 1

用于document.querySelectorAll('.mt.brn a');在类中获取锚标记.mt.brn.然后循环遍历元素并使用inneHTML获取内容.或者用于textContent获取文本

var elemts = document.querySelectorAll('.mt.brn a');
var textArray=[];
for(var i= 0;i< elemts.length;i++){

  textArray.push(elemts[i].innerHTML )
}
console.log(textArray)

<div class="mt brn">
  <a href="....">Country 1</a>
</div>
<div class="mt brn">
  <a href="....">Capital 1</a>
</div>
<div class="mt brn">
  <a href="....">Population</a>
</div>

使用文本内容的示例:

var elemts = document.querySelectorAll('.mt.brn a');
var textArray=[];
for(var i= 0;i< elemts.length;i++){

  textArray.push(elemts[i].textContent )
}
console.log(textArray)

<div class="mt brn">
  <a href="....">Country 1</a>
</div>
<div class="mt brn">
  <a href="....">Capital 1</a>
</div>
<div class="mt brn">
  <a href="....">Population</a>
</div>