在选择器中使用正则表达式

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

How can I make my selector work for either en or fr?

你应该使用 ,.

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

在选择器中使用正则表达式

use regex in within Selector

javascript

regex

selector