title: jquery show hide table rows based on data attribute and class
body: <p>say I have some table rows:</p>
  
  <pre><code>&lt;tr class="toplevel" data-id="3"&gt;
   ...
  &lt;/tr&gt;
  &lt;tr data-id="3"&gt;
   ...
  &lt;/tr&gt;
  &lt;tr data-id="3"&gt;
   ...
  &lt;/tr&gt;
  </code></pre>
  
  <p>So as far as I know I can hide the ones with class toplevel like:</p>
  
  <pre><code>$('tr.toplevel').hide();
  </code></pre>
  
  <p>and I can hide the ones with data-id=3 like:</p>
  
  <pre><code>$('tr').data('3').hide();
  </code></pre>
  
  <p>However what I really want to do is hide the ones with data-id=3 that DON'T have the class toplevel.</p>
  
  <p>Could someone please explain to me how to do this?</p>