jQuery each loop in table row

Question

I am having something like    lt table id  tblOne  gt               lt tbody gt                   lt tr gt                       lt td gt                           lt table id  tblTwo  gt                               lt tbody gt                                   lt tr gt                                       lt td gt                                          Items                                      lt  td gt                                   lt  tr gt                                   lt tr gt                                       lt td gt                                          Prod                                      lt  td gt                                   lt  tr gt                               lt  tbody gt                           lt  table gt                       lt  td gt                   lt  tr gt                   lt tr gt                       lt td gt                          Item 1                      lt  td gt                   lt  tr gt                   lt tr gt                       lt td gt                          Item 2                      lt  td gt                   lt  tr gt               lt  tbody gt           lt  table gt    I have written jQuery to loop through each tr like       tblOne tr   each function       code         But problem is that it loops through the  tr  of  tblTwo  also which I don t want  Can anyone please suggest something to solve this

User · Answer

Use immediate children selector  gt        tblOne  gt  tbody   gt  tr        Description  Selects all direct child elements specified by  child  of   elements specified by  parent

User · Answer

Just a recommendation   I d recommend using the DOM table implementation  it s very straight forward and easy to use  you really don t need jQuery for this task   var table   document getElementById  tblOne     var rowLength   table rows length   for var i 0  i lt rowLength  i  1     var row   table rows i        your code goes here  looping over every row      cells are accessed as easy    var cellLength   row cells length    for var y 0  y lt cellLength  y  1       var cell   row cells y          do something with every cell here

User · Answer

In jQuery just use       tblOne  gt  tbody   gt  tr   each function       code         Using the children selector   gt   you will walk over all the children  and not all descendents   example with three rows      table  gt  tbody   gt  tr   each function index  tr        console log index      console log tr         Result   0  lt tr gt  1   lt tr gt  2  lt tr gt      In VanillaJS you can use document querySelectorAll   and walk over the rows using forEach       forEach call document querySelectorAll   tblOne  gt  tbody   gt  tr    function index  tr           console log index             console log tr

[javascript] jQuery each loop in table row

Examples related to javascript

Examples related to jquery

Examples related to html-table

Examples related to each

Examples related to tablerow