getting the table row values with jquery

Question

I am trying to get the values from an html table row  When I click on the table row delete button  I want to put those values on variables to send to the server  I have found something from here that looks like what I need  but when I put it together for my scenario  it does not work  Here is the table html     lt table id  thisTable  class  disptable  style  margin-left auto margin-right auto     gt       lt tr gt       lt th gt Fund lt  th gt      lt th gt Organization lt  th gt      lt th gt Access lt  th gt      lt th gt Delete lt  th gt      lt  tr gt       lt tr gt      lt td class  fund  gt 100000 lt  td gt  lt td class  org  gt 10110 lt  td gt  lt td gt OWNED lt  td gt  lt td gt  lt a  class  delbtn ref     gt X lt  a gt  lt  td gt  lt  tr gt      lt tr gt  lt td class  fund  gt 100000 lt  td gt  lt td class  org  gt 67130 lt  td gt  lt td gt OWNED lt  td gt  lt td gt  lt a class  delbtn  href     gt X lt  a gt  lt  td gt  lt  tr gt      lt tr gt  lt td class  fund  gt 170252 lt  td gt  lt td class  org  gt 67130 lt  td gt  lt td gt OWNED lt  td gt  lt td gt  lt a class  delbtn  href     gt X lt  a gt  lt  td gt  lt  tr gt      lt tr gt  lt td class  fund  gt 100000 lt  td gt  lt td class  org  gt 67150 lt  td gt  lt td gt PENDING ACCESS lt  td gt  lt td gt  lt a  class  delbtn  href     gt X lt  a gt  lt  td gt  lt  tr gt      lt tr gt  lt td class  fund  gt 100000 lt  td gt  lt td class  org  gt 67120 lt  td gt  lt td gt PENDING ACCESS lt  td gt  lt td gt  lt a class  delbtn  href     gt X lt  a gt      lt  td gt     lt  tr gt   and here is the jquery    var tr       thisTable   find  tr            tr bind  click   function event                  var values                     tr removeClass  row-highlight                var tds     this  addClass  row-highlight   find  td                               each tds  function index  item                    values   values    td     index   1          item innerHTML     lt br  gt                    alert values                               alert values                 What am I doing wrong  I keep looking at examples but I cant seem to make this work

User · Answer

document  ready function                  tbl Customer tbody tr  companyname   click function                   var comapnyname     this  closest   trclass   find   companyname   text                var CompanyAddress     this  closest   trclass   find   CompanyAddress   text                var CompanyEmail     this  closest   trclass   find   CompanyEmail   text                var CompanyContactNumber     this  closest   trclass   find   CompanyContactNumber   text                var CompanyContactPerson     this  closest   trclass   find   CompanyContactPerson   text                  var clickedCell     this               alert comapnyname               alert CompanyAddress               alert CompanyEmail               alert CompanyContactNumber               alert CompanyContactPerson                  alert clickedCell text

User · Answer

Try this   jQuery   delbtn   on  click   function         var  row   jQuery this  closest  tr        var  columns    row find  td          columns addClass  row-highlight        var values            jQuery each  columns  function i  item            values   values    td     i   1          item innerHTML     lt br  gt            alert values               console log values         DEMO

User · Answer

Give something like this a try     document  ready function            thisTable tr   click function              this  find  td   each function                alert   this  html                                Here is a fiddle of the code in action  http   jsfiddle net YhZsW

User · Answer

Here is a working example   I changed the code to output to a div instead of an alert box   Your issue was item innerHTML I believe   I use the jQuery html function instead and that seemed to resolve the issue    lt table id  thisTable  class  disptable  style  margin-left auto margin-right auto     gt       lt tr gt       lt th gt Fund lt  th gt      lt th gt Organization lt  th gt      lt th gt Access lt  th gt      lt th gt Delete lt  th gt      lt  tr gt       lt tr gt      lt td class  fund  gt 100000 lt  td gt  lt td class  org  gt 10110 lt  td gt  lt td gt OWNED lt  td gt  lt td gt  lt a  class  delbtn ref     gt X lt  a gt  lt  td gt  lt  tr gt      lt tr gt  lt td class  fund  gt 100000 lt  td gt  lt td class  org  gt 67130 lt  td gt  lt td gt OWNED lt  td gt  lt td gt  lt a class  delbtn  href     gt X lt  a gt  lt  td gt  lt  tr gt      lt tr gt  lt td class  fund  gt 170252 lt  td gt  lt td class  org  gt 67130 lt  td gt  lt td gt OWNED lt  td gt  lt td gt  lt a class  delbtn  href     gt X lt  a gt  lt  td gt  lt  tr gt      lt tr gt  lt td class  fund  gt 100000 lt  td gt  lt td class  org  gt 67150 lt  td gt  lt td gt PENDING ACCESS lt  td gt  lt td gt  lt a  class  delbtn  href     gt X lt  a gt  lt  td gt  lt  tr gt      lt tr gt  lt td class  fund  gt 100000 lt  td gt  lt td class  org  gt 67120 lt  td gt  lt td gt PENDING ACCESS lt  td gt  lt td gt  lt a class  delbtn  href     gt X lt  a gt      lt  td gt     lt  tr gt   lt  table gt   lt div id  output  gt  lt  div gt     the javascript       thisTable tr   on  click   function event            var tds     this  addClass  row-highlight   find  td        var values           tds each function index  item                       values   values    td     index   1            item  html       lt br  gt                    output   html values

User · Answer

All Elements      tabla  gt  tbody   gt  tr   each function           this  find  td gt 0    each function           alert   this  html

[javascript] getting the table row values with jquery

Examples related to javascript

Examples related to jquery

Examples related to html