javascript - queryselectorAll() 与正则表达式属性选择器

Question

var arr = [].slice.call(document.querySelectorAll("a[href*='pricing']"));

返回一个长度为6的数组。

var arr = [].slice.call(document.querySelectorAll("a[href*='tarification']"));

还生成一个长度为 6 的数组。

上下文是一个具有英语或法语页面的网站。这两个版本中的任何一个或 arr 都会在给定页面上返回 6 个结果，而另一个版本将生成一个空数组。

我想动态地解释这一点。因此，无论用户是在法语还是英语页面上，我都知道一个或其他版本将返回 6 个元素。我可以编写一个 if() 语句。但有没有更简洁、更短的方法呢？我尝试了以下方法:

var arr = [].slice.call(document.querySelectorAll("a[href*='(tarification|pricing)']"));

但这也返回了一个空数组。

Answer 1

这是关于 css 选择器，而不是正则表达式:

var arr = [].slice.call(document.querySelectorAll("a[href*='tarification'], a[href*='pricing']"));

以下命令选择 href 中带有定价或关税的所有链接:

a[href*='tarification'], a[href*='pricing']