title: $(":not(selector)") in plain/ vanilla javascript?
body: <p>How can I write <code>$(":not(selector)")</code> in plain javascript?</p>
  
  <p>jQuery:</p>
  
  <pre><code>var links = $('a:not(.not-lightbox-item a)', this);
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="links"&gt;
      &lt;div class="not-lightbox-item"&gt;
          &lt;a href="projects.html" class="button-back"&gt;
              &lt;span class="glyphicon glyphicon-hand-left glyphicon-circle-arrow-leftx" title="Back"&gt;&lt;/span&gt;
          &lt;/a&gt;
  
          &lt;h2 class="heading item-heading"&gt;(Title) Ways of Something&lt;/h2&gt;
  
          &lt;p&gt;Lorem ipsum dolor sit amet &lt;a href="#"&gt;Excepteur sint occaecat&lt;/a&gt; cupidatat non proident&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;a href="images/banana.jpg" title="Banana"&gt;
          &lt;img src="images/thumbnails/banana.jpg" alt="Banana"&gt;
      &lt;/a&gt;
      &lt;a href="images/apple.jpg" title="Apple"&gt;
          &lt;img src="images/thumbnails/apple.jpg" alt="Apple"&gt;
      &lt;/a&gt;
      &lt;a href="images/orange.jpg" title="Orange"&gt;
          &lt;img src="images/thumbnails/orange.jpg" alt="Orange"&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any ideas?</p>