Syntaxe correcte pour les appels ui et nth-child?

Question

Je suis encore un peu nouveau sur la syntaxe de sélection jquery (et jquery en général). Je ne suis pas exactement sûr de savoir comment faire fonctionner cet appel. J'utilise une fonction qui me donne un événement et un ui. J'utilise le stop event in sortable et j'essaye d'obtenir le nième-enfant (le premier) de cet élément et essaye alors d'effacer sa classe. maintenant j'ai:

stop : function(event, ui) { 
    $(ui.item):nth-child(1).removeAttr("class"); 
} 

Mais cela me donne une erreur inattendue ':'. Quelle est la syntaxe correcte pour cela?

Answer 1

Utilisez .eq() ici ou .first() (raccourci pour .eq(0)), comme ceci:

$(ui.item).eq(0).removeAttr("class"); 
//or: 
$(ui.item).first().removeAttr("class"); 

La différence importante à noter ici est que :nth-child() (utilisé comme sélecteur de chaîne) est basée 1, .eq() et :eq() (version du sélecteur) sont basés sur 0.