javascript - 每次 $() 选择某些内容时添加一个字符串

Question

我正在使用 puppeteer 在 this Italian betting site 上进行网页抓取，我想选择包含两支球队名称的div，作为游戏的一部分。所以我这样做了:

let matches = $('span.AvvenimentoDescription-rieyuj-0').text();
console.log(matches)

它返回给我这个:

'Bologna - BresciaCagliari - ParmaSassuolo - RomaJuventus - FiorentinaAtalanta - GenoaLazio - SpalMilan - Hellas VeronaLecce - TorinoUdinese - InterSampdoria - Napoli'

如您所见，匹配项彼此相邻:

'Bologna - BresciaCagliari - Parma...'

我希望它是:

'Bologna - Brescia Cagliari - Parma...'

甚至更好

`'Bologna - Brescia,Cagliari - Parma...`

那么，有没有办法在每次 $() 选择某些内容时添加一个空格或逗号？

Answer 1

问题是因为当您在针对多个元素的 jQuery 对象上调用 text() 时，jQuery 将自动连接它们的值，因此值之间没有空格。

解决此问题的更好方法是使用 map() 创建值数组。然后您可以 join() 这个数组以您需要的任何格式形成一个字符串。下面是一个用逗号分隔值的示例:

let matches = $('span.AvvenimentoDescription-rieyuj-0').map((i, el) => el.textContent.trim()).get();
let output = matches.join(', ');
console.log(output);