jQuery sélection d'un élément non ID profond

Question

Comment puis-je sélectionner cet élément non ID profond dans jQuery? Et je ne veux pas sélectionner premier ou dernier, juste exactement par ordre (etc 3,4 "menu_transition" élément dans l'ordre).

<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

Vous pouvez écrire

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

Le :eq() selector sélectionne le n^e élément d'adaptation (de base zéro).

Answer 2

Sans l'aide du sélecteur eq, mais en utilisant la méthode eq() à la place:

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

qui devrait éviter la nécessité de concaténer ensemble un sélecteur de chaîne avec « n » au milieu de celui-ci.