Comment sélectionner un élément enfant par son nom de classe dans jQuery?

Question

J'ai ce code html, j'ai besoin d'écrire une fonction simple. En passant un élément parent (dans mon cas menu-top), trouvez l'élément avec focus de classe.

<div id="menu-top"> 
     <ul> 
     <li id="menu-top-item-0" class="item0 focus">1</li> 
     <li id="menu-top-item-1" class="item1">2</li> 
     <li id="menu-top-item-2" class="item2">3</li> 
     <li id="menu-top-item-3" class="item3">v 4</li> 
     </ul> 
    </div> 

J'essaie sans succès ce jquery 1.4.2

getFocusedElement: function(parentElm) { 
    return $(parentElm).find("focus");  
} 

une idée?

Answer 1

Vous êtes absent le . dans votre classe sélecteur, par exemple:

return $(parentElm).find(".focus");  

En utilisant "focus" comme sélecteur essayera de correspondre à un élément avec la balise nom <focus />

est ici plus d'informations sur le fonctionnement des sélecteurs jQuery: http://api.jquery.com/category/selectors/

Answer 2

$(parentElm).find(".focus") fonctionnera. JQuery prend des sélecteurs CSS pour les sélections d'éléments.

I.e. les classes auront un préfixe ., et les identifiants auront un préfixe #.