Question

这是一个数组：

document.querySelectorAll('#header-links li a')

[<a href="https://www.example.com/en/newsstand/">Magazines</a>, <a href="https://secure.indas.on.com/example/promo/GiveAGift/">Gifts</a>, <a href="https://www.example.com/fr/">Français</a>]

这些元素的顺序可能会改变，但我想抓住href以en/或fr/结尾的元素的textContent。永远不会出现两个出现在同一页面上的情况（它们是语言交替链接）。

document.querySelectorAll('#header-links li a[href*="fr"')[0].textContent.trim();
Français

为法国人工作。同样适用于英语。

如何让我的选择器适用于en或fr？

document.querySelectorAll('#header-links li a[href*="/(fr|en)/"')[0].textContent.trim();

Answer 1

如何使我的选择器适用于en或fr？

您应该使用,。

document.querySelectorAll('#header-links li a[href*="fr"],#header-links li a[href*="en"]')...

在Selector中使用正则表达式

1 个答案: