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']"));

下面选择与各个环节的价格或tarification他们href:

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