title: Get Dynamic Class Names in List Element with JQuery?
body: <p>I want to identify order steps on a website...</p>
  <p>Through the 5 five steps, the url is not changing... only the tabs class names are changing through the process.</p>
  <p>Tabs class name on step 1 :</p>
  <pre><code>&lt;ul class=&quot;step clearfix&quot; id=&quot;order_step&quot;&gt;
  
  &lt;li class=&quot;step_current first&quot;&gt; &lt;span&gt;Recap&lt;/span&gt;&lt;/li&gt;
  &lt;li class=&quot;step_todo second&quot;&gt; &lt;span&gt; Connexion&lt;/span&gt;&lt;/li&gt;
  &lt;li class=&quot;step_todo third&quot;&gt; &lt;span&gt; Address&lt;/span&gt;&lt;/li&gt;
  &lt;li class=&quot;step_todo four&quot;&gt; &lt;span&gt; Delivery&lt;/span&gt;&lt;/li&gt;
  &lt;li id=&quot;step_end&quot; class=&quot;step_todo last&quot;&gt; &lt;span&gt; Paiement&lt;/span&gt;&lt;/li&gt;
  
  &lt;/ul&gt;
  </code></pre>
  <p>Tabs class name on step 2:</p>
  <pre><code>&lt;ul class=&quot;step clearfix&quot; id=&quot;order_step&quot;&gt;
  
  &lt;li class=&quot;step_done first&quot;&gt; &lt;span&gt;Recap&lt;/span&gt;&lt;/li&gt;
  &lt;li class=&quot;step_current second&quot;&gt; &lt;span&gt; Connexion&lt;/span&gt;&lt;/li&gt;
  &lt;li class=&quot;step_todo third&quot;&gt; &lt;span&gt; Address&lt;/span&gt;&lt;/li&gt;
  &lt;li class=&quot;step_todo four&quot;&gt; &lt;span&gt; Delivery&lt;/span&gt;&lt;/li&gt;
  &lt;li id=&quot;step_end&quot; class=&quot;step_todo last&quot;&gt; &lt;span&gt; Paiement&lt;/span&gt;&lt;/li&gt;
  
  &lt;/ul&gt;
  </code></pre>
  <p>How to use JQuery to get the class name matching &quot;step_current&quot; ?</p>