Obtener un elemento por índice en jQuery

Tengo una lista desordenada y el índice de una etiqueta li en esa lista. Tengo que obtener el elemento li usando ese índice y cambiar el color de fondo. ¿Es esto posible sin recorrer toda la lista? Quiero decir, ¿hay algún método que pueda lograr esta funcionalidad?

Aquí está mi código, que creo que funcionaría …

  var index = 3;  
  • India
  • Indonesia
  • China
  • United States
  • United Kingdom
// I want to change bgColor of selected li element $('ul li')[index].css({'background-color':'#343434'}); // Or, I have seen a function in jQuery doc, which gives nothing to me $('ul li').get(index).css({'background-color':'#343434'});

 $(...)[index] // gives you the DOM element at index $(...).get(index) // gives you the DOM element at index $(...).eq(index) // gives you the jQuery object of element at index 

Los objetos DOM no tienen función css , usa el último …

 $('ul li').eq(index).css({'background-color':'#343434'}); 

documentos:

.get(index) Returns: Element

.eq(index) Devuelve: jQuery

Puede usar el método .eq() jQuery para obtener el elemento con un índice determinado.

 $('ul li').eq(index).css({'background-color':'#343434'}); 

Puede usar el método o selector eq :

 $('ul').find('li').eq(index).css({'background-color':'#343434'}); 

Hay otra forma de obtener un elemento por índice en jQuery usando CSS :nth-of-type pseudo-clase:

  

Hay otros selectores que puede usar con jQuery para que coincida con cualquier elemento que necesite.

Puede omitir el jquery y simplemente usar el etiquetado de estilo CSS:

  
  • India
  • Indonesia
  • China
  • United States
  • United Kingdom