title: queryselectorAll() with regex attribute selector
body: <pre><code>var arr = [].slice.call(document.querySelectorAll("a[href*='pricing']"));
  </code></pre>
  
  <p>Returns an array with length 6.</p>
  
  <pre><code>var arr = [].slice.call(document.querySelectorAll("a[href*='tarification']"));
  </code></pre>
  
  <p>Also produces an array of length 6.</p>
  
  <p>The context is a website with either English or French pages. Either of the two versions or arr will return 6 results on a given page while the other will produce an empty array.</p>
  
  <p>I would like to dynamically account for this. So regardless if the user is on a French or English page I know that one or the other versions will return 6 elements. I could write an <code>if()</code> statement. But is there a neater, shorter way? I tried the following:</p>
  
  <pre><code>var arr = [].slice.call(document.querySelectorAll("a[href*='(tarification|pricing)']"));
  </code></pre>
  
  <p>But that also returned an empty array.</p>