Jquery- Get the value of first td in table

Question

I am trying to get the value of first td in each tr when a users clicks  click     The result below will output aa  ee or ii  I was thinking about using closest  tr     but it always output  Object object   Not sure what to do on this one    My html is     lt table gt      lt tr gt         lt td gt aa lt  td gt         lt td gt bb lt  td gt         lt td gt cc lt  td gt         lt td gt dd lt  td gt         lt td gt  lt a href     class  hit  gt click lt  a gt  lt  td gt      lt  tr gt      lt tr gt         lt td gt ee lt  td gt         lt td gt ff lt  td gt         lt td gt gg lt  td gt         lt td gt hh lt  td gt         lt td gt  lt a href     class  hit  gt click lt  a gt  lt  td gt      lt  tr gt      lt tr gt         lt td gt ii lt  td gt         lt td gt jj lt  td gt         lt td gt kk lt  td gt         lt td gt ll lt  td gt         lt td gt  lt a href     class  hit  gt click lt  a gt  lt  td gt      lt  tr gt   lt  table gt    Jquery      hit   click function      var value   this     not sure what to do here   alert value

User · Accepted Answer

this  parent   siblings   first   text     parent gives you the  lt td gt  around the link   siblings gives all the  lt td gt  tags in that  lt tr gt     first gives the first matched element in the set   text   gives the contents of the tag

User · Answer

hit   click function       var values          var table     this  closest  table       table find  tr   each function           values push   this  find  td first   html                alert values             You should avoid     hit   it s really inefficient  Try using event delegation instead

User · Answer

If you need to get all td s inside tr without defining id for them  you can use the code below    var items   new Array         TABLE ID td nth-child 1    each function            items push   this  html           The code above will add all first cells inside the Table into an Array variable   you can change nth-child 1  which means the first cell to any cell number you need   hope this code helps you

User · Answer

This should work       hit   click function           var value   this  closest  tr   children  td first   text       alert value             Explanation     closest  tr   gets the nearest ancestor that is a  lt tr gt  element  so in this case the row where the  lt a gt  element is in    children  td first   gets all the children of this element  but with the  first selector we reduce it to the first  lt td gt  element   text   gets the text inside the element     As you can see from the other answers  there is more than only one way to do this

User · Answer

Install firebug and use console log instead of alert  Then you will see the exact element your accessing

User · Answer

In the specific case above  you could do parent child juggling     this  parents  tr   children  td first   text

[jquery] Jquery- Get the value of first td in table

Examples related to jquery

Examples related to select

Examples related to html-table