How to get nth jQuery element

Question

In jQuery           get 3  returns the 3rd DOM element  What is the function to return the 3rd jQuery element

User · Answer

You can use the  eq selector  for example      td eq 2    css  color    red       gets the third td element   Or the eq int  function      td   eq 2  css  color    red      Also  remember that the indexes are zero-based

User · Answer

If I understand your question correctly  you can always just wrap the get function like so   var  someJqueryEl         myJqueryEls   get 3

User · Answer

eq   -An integer indicating the 0-based position of the element    Ex   Consider a page with a simple list on it    lt ul gt   lt li gt list item 1 lt  li gt   lt li gt list item 2 lt  li gt   lt li gt list item 3 lt  li gt   lt li gt list item 4 lt  li gt   lt  ul gt    We can apply this method to the set of list items       li    eq  2   css   background-color    red        For more information     eq

User · Answer

If you want to fetch particular element node or tag in loop for e g    lt p class  weekday  data-today  monday  gt Monday lt  p gt   lt p class  weekday  data-today  tuesday  gt Tuesday lt  p gt   lt p class  weekday  data-today  wednesday  gt Wednesday lt  p gt   lt p class  weekday  data-today  thursday  gt Thursday lt  p gt    So  from above code loop is executed and we want particular field to select for that we have to use jQuery selection that can select only expecting element from above loop so  code will be      weekdays eq n       e g       weekdays eq 0       as well as by other method      weekday   find  p   first   weekdays   next   last   prev      but first method is more efficient when HTML  lt tag gt  has unique class name   NOTE Second method is use when their is no class name in target element or node   for more follow https   api jquery com eq

User · Answer

Live Example to access and remove the Nth element with jQuery    lt html gt   lt head gt  lt  head gt   lt body gt       lt script type  text javascript       src  http   code jquery com jquery-2 1 0 min js  gt  lt  script gt       lt script type  text javascript  gt          document  ready function               li eq 1    hide                   lt  script gt       lt ol gt         lt li gt First lt  li gt         lt li gt Second lt  li gt         lt li gt Third lt  li gt       lt  ol gt   lt  body gt   lt  html gt    When it runs  there are two items in the ordered list that show  First  and Third   The second was hidden

User · Answer

function                  document  find  div   siblings   each function                    var obj     this                   obj find  div   each function                        var obj1     this                       if  obj1 children   length  gt  0                           alert obj1 html                                                                              lt div id  2  gt       lt div gt           lt div gt               lt div gt XYZ Pvt  Ltd  lt  div gt           lt  div gt       lt  div gt   lt  div gt   lt div id  3  gt       lt div gt           lt div gt               lt div gt ABC Pvt Ltd  lt  div gt           lt  div gt       lt  div gt   lt  div gt

User · Answer

Why not browse the  short  selectors page first   Here it is  the  eq   operator  It is used just like get    but it returns the jQuery object   Or you can use  eq   function too

User · Answer

If you already have the jquery object in a variable  you can also just treat it as a normal indexed array  without the use of jquery   var all rows      tr    for var i 0  i  lt  all rows length  i        var row   all rows i        additionally  you can use it again in a jquery selector      row  css  background-color   black        Although the above example is not useful in any way  it is representing how you can treat objects created by jquery as indexed arrays

User · Answer

For iterations using a selector doesn t seem to make any sense though   var some                for  i   some length -1  i gt  0  --i           Have to transform in a jquery object again           var item      some  i             use item at will

User · Answer

if you have control over the query which builds the jQuery object  use  eq       div eq 2      If you don t have control over it  for example  it s being passed from another function or something   then use  eq    var  thirdElement    jqObj eq 2     Or if you want a section of them  say  the third  fourth and fifth elements   use  slice    var  third4th5thElements    jqObj slice 2  5

User · Answer

I think you can use this      ul li nth-child 2    append   lt span gt  - 2nd  lt  span gt       It finds the second li in each matched ul and notes it

[jquery] How to get nth jQuery element

Examples related to jquery