Question

我正在抓取一些HTML代码，如下所示，但是问题是我的HTML代码中恰好有5个.group元素，每个元素都由10个.name-top和.name-bottom elements组成。查询选择器仅返回第一个子项...用.name类抓取所有元素并将所有这些项目推入数组的可能方法是什么？

var groups = document.getElementsByClassName('group');
  var matches = [];

  var arr = Array.from(groups).map(i => {
  const league = i.querySelector('.group-header').innerText;
  const name = i.querySelector('.name.top').innerText + " - " + i.querySelector('.name.bottom').innerText;

  matches.push({name : name, league : league});

  });

Answer 1

使用document.querySelectorAll选择所有组

var groups = document.querySelectorAll('.group');
var matches = [];

var arr = Array.from(groups).map(i => {
  const league = i.querySelector('.group-header').innerText;
  const name = i.querySelector('.name.top').innerText + " - " + i.querySelector('.name.bottom').innerText;

  matches.push({name : name, league : league});
});

如何抓取元素的所有子元素

1 个答案: