title: How to hide all elements not containing a particular value of a data class using jQuery?
body: <p>Okay, bear with me. The (template) HTML in question is this:</p>
  
  <pre><code>&lt;section class="page3 active" data-index="3"&gt;                   
  &lt;div class="plaque"&gt;
      &lt;header class="title"&gt;Launch Count&lt;/header&gt;
      &lt;div class="dropdown"&gt;
          &lt;span&gt;Total&lt;/span&gt;
          &lt;ul&gt;
              &lt;li data-sheet="1"&gt;Total&lt;/li&gt;
              &lt;li data-sheet="2"&gt;Falcon 9&lt;/li&gt;
              &lt;li data-sheet="3"&gt;Falcon Heavy&lt;/li&gt;
              &lt;li data-sheet="4"&gt;Falcon 1&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="contents"&gt;
          &lt;table&gt;
              &lt;tr&gt;
                  &lt;td class="metric" data-sheet="1"&gt;12&lt;/td&gt;
                  &lt;td class="metric" data-sheet="2"&gt;7&lt;/td&gt;
                                      &lt;td class="metric" data-sheet="3"&gt;7&lt;/td&gt;
                                      &lt;td class="metric" data-sheet="4"&gt;7&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td class="unit" data-sheet="1"&gt;Launches&lt;/td&gt;
                  &lt;td class="unit" data-sheet="2"&gt;Test&lt;/td&gt;
                                      &lt;td class="unit" data-sheet="2"&gt;Test&lt;/td&gt;
                                      &lt;td class="unit" data-sheet="4"&gt;Test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
      &lt;footer&gt;
          &lt;p data-sheet="1"&gt;A paragraph&lt;/p&gt;
          &lt;p data-sheet="2"&gt;Test&lt;/p&gt;  
                      &lt;p data-sheet="3"&gt;Test&lt;/p&gt;
                      &lt;p data-sheet="4"&gt;Test&lt;/p&gt;          
  
      &lt;/footer&gt;
  &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>See that <code>&lt;div&gt;</code> contaning a <code>&lt;ul&gt;</code>? There's already another jQuery script applied which turns that into a select style dropdown menu. Note they're tagged with a custom HTML5 data attribute.</p>
  
  <p>What I want is a rule which <strong>hides all</strong> elements <strong>within</strong> section.active which <strong>contain</strong> a data-sheet attribute that is <strong>not equal</strong> to '1'. </p>
  
  <p>I simply cannot build one myself, despite all my attempts. Help? I've already tried:</p>
  
  <pre><code>$('section.page3 *.data-sheet').not("[data-sheet*='1']").hide();
  </code></pre>
  
  <p>With no success. </p>