Get <li> with child <ul> from <ul> child of <li>
<p>I have a very simple example of a menu here:</p>

<pre><code>&lt;ul id="1"&gt;
    &lt;li&gt;&lt;a href="#"&gt;First&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Second&lt;/a&gt;
    &lt;ul id="2"&gt;
        &lt;li&gt;&lt;a href="#"&gt;Second - 1&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Second - 2&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Second - 3&lt;/a&gt;
        &lt;ul id="3"&gt;
            &lt;li&gt;&lt;a href="#"&gt;Aaa&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Bbb&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Ccc&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Third&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I need to get the <code>&lt;li&gt;</code> that has a child <code>&lt;ul&gt;</code> and that is a child of <code>&lt;ul&gt;</code> who is a child of <code>&lt;li&gt;</code>, and apply a style to it.</p>

<p>I know it sounds complicated, but in the example above I want to get only the <code>&lt;li&gt;</code> that says "Second - 3" which is inside a ul, which is a child of a li and has a child ul. I don't want to get any other <code>&lt;li&gt;</code>s.</p>

<p>I can't do this without getting also the li which says "Second", and I don't want that.</p>

<pre><code>$("li &gt; ul").addClass('whatever');
</code></pre>
