Nested table, get value of td with class i defined, but only on selected row

Nested table, get value of td with class i defined, but only on selected row

I desperately need help on this getting the value of a column thats nested inside a table. I cant get the logic or code right. 

My table:

  2. <table id="eventsToList" class="table table-striped table-condensed table-responsive">
  3.                 <thead>
  4.                     <tr class="header">
  5.                         <th></th>
  6.                         <th>EventID</th> 
  7.                          <th>Created</th>
  8.                          <th>Description</th>
  9.                          <th class="pull-left">Address</th>
  10.                     </tr>
  11.                 </thead>
  12.                       <tbody>
  13.                               <tr>
  14.                                  <td><input type='checkbox' id='eventSelect' /></td>
  15.                                  <td>%php code show EventID%</td>
  16.                                  <td>%php code  show EventStartDate%</td>
  17.                                  <td>%php code  show Description%</td>
  18.                                  <td>%php code % show ServiceAddress%</td>
  19.                                  
  20.                                     <td>
  21.                                           <table id="productList">
  22.                                                 <th>                                                
  24.                                     <tr>
  25.                                         <td>%php code% show ProductName</td>";
  26.                                         <td class='totalDiv pull-right'>%php code show Total%</td>";
  27.                                     </tr>
  28.                   </table
  29.                   </td>
  30.             </tr>
  31.       </tbody>
  32.  </table>

My code :

  3. $('#eventsToList').click(function () {
  4.                           $('input[type=checkbox]').each(function () {
  5.                               if ($(this).is(":checked")) 
  6.                            {
  7.                                $(".totalDiv").each(function() {
  9.                                });
  10.                          }
  11.                      });             
  12. //save total to input box
  13.         });           
Here is one of my many attempts, it loops through all the <td> elements with the totalDiv class even if they are not in the selected row . I just want to get the value of <td> elements of the selected row where the class is totalDiv, and I want to allow the user to select any number of rows from the main table. I will save the total in an element after each click

Its ultimately building an invoice.I want to be clear on what the fix is so I prefer not use plugins, as I am trying to get better at this, I have tried for hours to figure this out on my own and would be very happy for any help.