Obtenha um elemento por índice em jQuery

Eu tenho uma lista não ordenada e o índice de uma limarca nessa lista. Tenho que pegar o lielemento usando aquele índice e mudar sua cor de fundo. Isso é possível sem repetir a lista inteira? Quer dizer, existe algum método que possa atingir essa funcionalidade?

Aqui está o meu código, que acredito que funcionaria ...

<script type="text/javascript">
  var index = 3;
</script>

<ul>
    <li>India</li>
    <li>Indonesia</li>
    <li>China</li>
    <li>United States</li>
    <li>United Kingdom</li>
</ul>

<script type="text/javascript">
  // 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'});
</script>

$(...)[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

Objetos DOM não têm cssfunção, use o último ...

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

docs:

.get(index) Retorna: Elemento

• Descrição: recupera os elementos DOM correspondidos pelo objeto jQuery.
• Veja: https://api.jquery.com/get/

.eq(index) Retorna: jQuery

• Descrição: reduz o conjunto de elementos correspondentes àquele no índice especificado.
• Veja: https://api.jquery.com/eq/

Você pode usar o .eq()método jQuery para obter o elemento com um determinado índice.

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

Você pode usar o método ou seletor eq :

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

Existe outra maneira de obter um elemento por índice em jQuery usando a :nth-of-typepseudo classe CSS :

<script>
    // css selector that describes what you need:
    // ul li:nth-of-type(3)
    var selector = 'ul li:nth-of-type(' + index + ')';
    $(selector).css({'background-color':'#343434'});
</script>

Existem outros seletores que você pode usar com jQuery para corresponder a qualquer elemento que você precisa.

Você pode pular o jquery e apenas usar a marcação de estilo CSS:

 <ul>
 <li>India</li>
 <li>Indonesia</li>
 <li style="background-color:#343434;">China</li>
 <li>United States</li>
 <li>United Kingdom</li>
 </ul>