jquery a tag click event

Question

I am building a code which displays user information on search  User information  is then displayed in a fieldset  and a image  first name  last name and few profile info  is shown  and in the bottom of the fieldset  there s  a add as friend hyperlink    lt a href     id  aaf  gt add as friend lt  a gt    Now I want to use jquery  post   method to interact with another page  I also have a hidden field inside that user fieldset which has the user id value  Now  when i create a click functionality using jquery  i am not able to access the different hidden field values  Now i want to know how to achieve this functionality  For checking if i can get the value of hidden fields inside a set of code  i did this     document  ready function             a aaf   bind  click   function              alert     uid   val                   But I m only getting the value of first fieldset  not others  Kindly guide me in this   Thanks in advance   EDIT  How to get it in each tag click event  I m putting some more code here    lt  php foreach  query- gt result   as  row    gt   lt fieldset gt       lt legend gt           lt  php echo  row- gt firstname      row- gt lastname   gt       lt  legend gt       lt img src   lt  php echo  row- gt profile img url   gt    gt  lt br gt       lt a href     id  aaf  gt add as friend lt  a gt       lt input name  uid  type  hidden  value   lt  php echo  row- gt uid   gt   id  uid  gt   lt  fieldset gt

User · Answer

All the hidden fields in your fieldset are using the same id  so jquery is only returning the first one  One way to fix this is to create a counter variable and concatenate it to each hidden field id

User · Answer

That s because your hidden fields have duplicate IDs  so jQuery only returns the first in the set  Give them classes instead  like  uid and grab them via   var uids       uid   map function         return this value     get      Demo  http   jsfiddle net karim79 FtcnJ   EDIT  say your output looks like the following  notice  IDs have changed to classes    lt fieldset gt  lt legend gt John Smith lt  legend gt   lt img src  foo jpg   gt  lt br gt   lt a href     class  aaf  gt add as friend lt  a gt   lt input name  uid  type  hidden  value   lt  php echo  row- gt uid   gt   class  uid  gt   lt  fieldset gt    You can target the  uid  relative to the clicked anchor like this      a aaf   click function         alert   this  next   uid   val           Important  do not have any duplicate IDs  They will cause problems  They are invalid  bad and you should not do it

User · Answer

lt a href  javascript void 0   class  aaf  id  users id  gt add as a friend lt  a gt    on jquery      aaf   on  click  function      var usersid      this  attr  id        post code        other method is to use the data attribute   lt a href  javascript void 0   class  aaf  data-id  102  data-username  sample username  gt add as a friend lt  a gt    on jquery      aaf   on  click  function        var usersid      this  data  id        var username     this  data  username

[jquery] jquery <a> tag click event

Examples related to jquery

Examples related to html

Examples related to ajax

Examples related to post