jQuery选择深度非id元素

Question

我如何在jQuery中选择这个深度非id元素？而且我不希望选择第一个或最后一个，只是按顺序选择（等等3,4“menu_transition”元素）。

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

Answer 1

不使用eq选择器，而是使用eq()方法：

$('#menu_container .menu_item').eq(n).children('.menu_transition')

应避免需要将字符串选择器与其中间的“n”连接在一起。

Answer 2

你可以写

$('#menu_container_content .menu_item:eq(1) .menu_transition')

:eq() selector选择 n ^th 匹配元素（从零开始）。