jQuery selecting deep non id element
<p>How i can select this deep non id element in jQuery ? And I do not want select first or last, just exactly by order (etc 3,4 "menu_transition" element in order ).</p>

<pre><code> &lt;ul id="menu_container_content"&gt;
                &lt;li class="menu_item"&gt;
                    &lt;div class="menu_background"&gt;&lt;/div&gt;
                    &lt;div class="menu_transition"&gt;&lt;/div&gt; 
                    &lt;div class="menu_tile"&gt;&lt;h2&gt;ABOUT ME&lt;/h2&gt;&lt;/div&gt;
                    &lt;div class="menu_description"&gt;
                        &lt;div&gt;
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                            In lectus enim, pharetra in gravida quis, vehicula id ante. 
                            Cras mollis, mauris sed fermentum tempus
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li class="menu_delimiter"&gt;&lt;/li&gt;
                &lt;li class="menu_item"&gt;
                    &lt;div class="menu_background"&gt;&lt;/div&gt;
                    &lt;div class="menu_transition"&gt;&lt;/div&gt; &lt;!-- THIS CONCRETE ELEMENT I WANT EDITED --&gt;
                    &lt;div class="menu_tile"&gt;&lt;h2&gt;PROGRAMING&lt;/h2&gt;&lt;/div&gt;
                    &lt;div class="menu_description"&gt;
                        &lt;div&gt;
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                            In lectus enim, pharetra in gravida quis, vehicula id ante. 
                            Cras mollis, mauris sed fermentum tempus
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
     &lt;/ul&gt;
</code></pre>
