Get index of clicked element in collection with jQuery

Question

How do I get the index of clicked item in the code below      selector   click function  event           get index in collection of the clicked item           With Firebug I saw this  jQuery151017197709735298827  2  I ve clicked in the second element

User · Answer

Siblings   this  index   can be used to get the index of the clicked element if the elements are siblings   lt div id  quot container quot  gt       lt a href  quot   quot  class  quot link quot  gt 1 lt  a gt       lt a href  quot   quot  class  quot link quot  gt 2 lt  a gt       lt a href  quot   quot  class  quot link quot  gt 3 lt  a gt       lt a href  quot   quot  class  quot link quot  gt 4 lt  a gt   lt  div gt    x000D   x000D      container   on  click    a   function       console log   this  index         x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 0 0 jquery min js  gt  lt  script gt   lt div id  container  gt     lt a href     class  link  gt 1 lt  a gt     lt a href     class  link  gt 2 lt  a gt     lt a href     class  link  gt 3 lt  a gt     lt a href     class  link  gt 4 lt  a gt   lt  div gt  x000D   x000D   x000D    Not siblings  If no argument is passed to the  index   method  the return value is an integer indicating the position of the first element within the jQuery object relative to its sibling elements   Pass the selector to the index selector     this  index selector    Example  Find the index of the  lt a gt  element that is clicked   lt tr gt       lt td gt  lt a href  quot   quot  class  quot adwa quot  gt 0001 lt  a gt  lt  td gt   lt  tr gt   lt tr gt       lt td gt  lt a href  quot   quot  class  quot adwa quot  gt 0002 lt  a gt  lt  td gt   lt  tr gt   lt tr gt       lt td gt  lt a href  quot   quot  class  quot adwa quot  gt 0003 lt  a gt  lt  td gt   lt  tr gt   lt tr gt       lt td gt  lt a href  quot   quot  class  quot adwa quot  gt 0004 lt  a gt  lt  td gt   lt  tr gt   Fiddle  x000D   x000D      table   on  click     adwa   function         console log   this  index   adwa         x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 0 0 jquery min js  gt  lt  script gt   lt table id  table  gt       lt thead gt           lt tr gt               lt th gt vendor id lt  th gt           lt  tr gt       lt  thead gt       lt tbody gt           lt tr gt               lt td gt  lt a href     class  adwa  gt 0001 lt  a gt  lt  td gt           lt  tr gt           lt tr gt               lt td gt  lt a href     class  adwa  gt 0002 lt  a gt  lt  td gt           lt  tr gt           lt tr gt               lt td gt  lt a href     class  adwa  gt 0003 lt  a gt  lt  td gt           lt  tr gt           lt tr gt               lt td gt  lt a href     class  adwa  gt 0004 lt  a gt  lt  td gt           lt  tr gt       lt  tbody gt   lt  table gt  x000D   x000D   x000D

User · Answer

if you are using  bind this   try this   let index   Array from evt target parentElement children  indexOf evt target      this pagination  find  a   on  click   function evt            let index   Array from evt target parentElement children  indexOf evt target            this goTo index         bind this

User · Answer

check this out https   forum jquery com topic get-index-of-same-class-element-on-click then http   jsfiddle net me2loveit2 d6rFM 2  var index      selector   index this   console log index

User · Answer

This will alert the index of the clicked selector  starting with 0 for the first       selector   click function        alert     selector   index this

User · Answer

selector   click function  event        alert   this  index           jsfiddle

User · Answer

Just do this way -     ul li   on  click   function e        alert   this  index            OR     ul li   click function         alert   this  index

[javascript] Get index of clicked element in collection with jQuery

Siblings

Not siblings

Examples related to javascript

Examples related to jquery

Examples related to events

Examples related to jquery-selectors