Check to see if href has class, if so, grab the id
<p>Im looking for a bit of help with some jQuery code.</p>

<p>Basically i have a HTML structure like so.</p>

<pre><code>&lt;ul class="menu"&gt;
    &lt;li&gt;&lt;a href="#" id="parent-one"&gt;One&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" id="parent-two"&gt;Two&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" id="parent-three"&gt;Three&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" id="parent-four"&gt;Four&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>My PHP code adds a class="active" if the user is 'on' it, so depending on which of the links is clicked it will look like this:</p>

<pre><code>&lt;li&gt;&lt;a href="#" class="active" id="parent-four"&gt;Four&lt;/a&gt;&lt;/li&gt;
</code></pre>

<p>So thats all fairly straight forward.</p>

<p>What i want to be able to do on page load, is search through each menu item until it finds the one with class="active" .. then take the ID of that link, change it from parent-xxx to child-xxx and then 'show' that child ID.</p>

<p>Is this possible?</p>
