Get an element by index in jQuery

Question

I have an unordered list and the index of an li tag in that list  I have to get the li element by using that index and change its background color  Is this possible without looping the entire list  I mean  is there any method that could achieve this functionality   Here is my code  which I believe would work      lt script type  text javascript  gt    var index   3   lt  script gt    lt ul gt       lt li gt India lt  li gt       lt li gt Indonesia lt  li gt       lt li gt China lt  li gt       lt li gt United States lt  li gt       lt li gt United Kingdom lt  li gt   lt  ul gt    lt script type  text javascript  gt       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      lt  script gt

User · Answer

You can use jQuery s  eq   method to get the element with a certain index      ul li   eq index  css   background-color    343434

User · Answer

You could skip the jquery and just use CSS style tagging     lt ul gt    lt li gt India lt  li gt    lt li gt Indonesia lt  li gt    lt li style  background-color  343434   gt China lt  li gt    lt li gt United States lt  li gt    lt li gt United Kingdom lt  li gt    lt  ul gt

User · Answer

There is another way of getting an element by index in jQuery using CSS  nth-of-type pseudo-class     lt script gt         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      lt  script gt    There are other selectors that you may use with jQuery to match any element that you need

User · Answer

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   DOM objects don t have css function  use the last        ul li   eq index  css   background-color    343434       docs    get index  Returns  Element   Description  Retrieve the DOM elements matched by the jQuery object  See  https   api jquery com get     eq index  Returns  jQuery   Description  Reduce the set of matched elements to the one at the specified index  See  https   api jquery com eq

User · Answer

You can use the eq method or selector      ul   find  li   eq index  css   background-color    343434

[jquery] Get an element by index in jQuery

Examples related to jquery

Examples related to dom

Examples related to get