jQuery get the id value of li element after click function

Question

How can I alert the id of the  lt li gt  item clicked     lt ul id  myid  gt     lt li id  1  gt First lt  li gt     lt li id  2  gt Second lt  li gt     lt li id  3  gt Third lt  li gt     lt li id  4  gt Fourth lt  li gt     lt li id  5  gt Fifth lt  li gt   lt  ul gt     Anything that can replace the id may be value or something else will also work

User · Answer

If You Have Multiple li elements inside an li element then this will definitely help you  and i have checked it and it works       lt script gt     li   on  click   function               alert this id             return false             lt  script gt

User · Answer

If you change your html code a bit - remove the ids   lt ul id  myid  gt     lt li gt First lt  li gt   lt li gt Second lt  li gt   lt li gt Third lt  li gt   lt li gt Fourth lt  li gt   lt li gt Fifth lt  li gt   lt  ul gt    Then the jquery code you want is         myid li   click function         alert   this  prevAll   length 1          You don t need to place any ids  just keep on adding li items   Take a look at demo  Useful links   jQuery prevAll

User · Answer

myid li   click function         alert this id      id of clicked li by directly accessing DOMElement property     alert   this  attr  id        jQuery s  attr   method  same but more verbose     alert   this  html        gets innerHTML of clicked li     alert   this  text        gets text contents of clicked li       If you are talking about replacing the ID with something       myid li   click function         this id    newId           longer method using  attr         this  attr  id    newId          Demo here  And to be fair  you should have first tried reading the documentation    http   api jquery com category selectors  http   api jquery com category events  http   api jquery com attr

User · Answer

you can get the value of the respective li by using this method after click   HTML -   lt  DOCTYPE html gt   lt html gt   lt head gt       lt title gt show the value of li lt  title gt       lt link rel  stylesheet   href  pathnameofcss  gt   lt  head gt   lt body gt        lt div id  user  gt  lt  div gt         lt script src  https   ajax googleapis com ajax libs jquery 1 9 1 jquery min js  gt  lt  script gt       lt ul id  pageno  gt       lt li value  1  gt 1 lt  li gt       lt li value  2  gt 2 lt  li gt       lt li value  3  gt 3 lt  li gt       lt li value  4  gt 4 lt  li gt       lt li value  5  gt 5 lt  li gt       lt li value  6  gt 6 lt  li gt       lt li value  7  gt 7 lt  li gt       lt li value  8  gt 8 lt  li gt       lt li value  9  gt 9 lt  li gt       lt li value  10  gt 10 lt  li gt        lt  ul gt        lt script src  pathnameofjs  type  text javascript  gt  lt  script gt   lt  body gt   lt  html gt    JS -     li   click function             var a     this  attr  value         user   html a    here the clicked value is showing in the div name user console log a    here the clicked value is showing in the console       CSS -  ul  display  flex  list-style-type none  padding  20px     li  padding  20px

[jquery] jQuery get the id/value of <li> element after click function

Examples related to jquery

Examples related to html

Examples related to dhtml