title: Get current active class of an ul
body: <p>Say you have the following.</p>
  
  <pre><code>  .pic {
        display: none;
      }
  
      .pic.show {
        display: block;
      }
  
      &lt;ul&gt;
         &lt;li class='pic show'&gt;&lt;img src="1.jpg"&gt;&lt;/li&gt;
         &lt;li class='pic'&gt;&lt;img src="2.jpg"&gt;&lt;/li&gt;
         &lt;li class='pic'&gt;&lt;img src="3.jpg"&gt;&lt;/li&gt;
         &lt;li class='pic'&gt;&lt;img src="4.jpg"&gt;&lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>I want to write a simple dynamic bit of jQuery that would find the li that has the class = 'pic show'.  </p>
  
  <p>So my question is, how would you go about finding the li that has the current class of <code>class = 'pic show'</code> applied to it? </p>