How to sum the elements of the same class of a group of tables

How to sum the elements of the same class of a group of tables

How to sum the elements of the same class of a group of tables?

Are two DIVs with TABLEs inside and takes the sum of each of the DIVs ... I need to jump to the next sum of the next DIV!

----------------------------

Como somar os elementos da mesma classe de um grupo de tabelas?

São duas DIVs com as tabelas dentro e preciso da soma de cada uma das DIVs...eu preciso pular pra próxima soma da próxima div !

----------------------------

Example:

JSFiddle

HTML:

  1.     <table>
  2.         <tr>
  3.             <td id="tabela">
  4.                 <input type="text" id="tabelainput" class="janmembros" maxlength="3" name="janmembros" value="1" disabled>
  5.             </td>
  6.             <td id="tabela">
  7.                 <input type="text" id="tabelainput" class="janvisitantes" maxlength="3" name="janvisitantes" value="3" disabled>
  8.             </td>
  9.             <td id="tabela3" class="jantotal">
  10.             </td>
  11.         </tr>
  12.     </table>
  13.             
  14.     <table>
  15.         <tr>
  16.             <td id="tabela">
  17.                 <input type="text" id="tabelainput" class="janmembros" maxlength="3" name="janmembros" value="1" disabled>
  18.             </td>
  19.             <td id="tabela">
  20.                 <input type="text" id="tabelainput" class="janvisitantes" maxlength="3" name="janvisitantes" value="2" disabled>
  21.             </td>
  22.             <td id="tabela3" class="jantotal">
  23.             </td>
  24.         </tr>
  25.     </table>
  26.             
  27.     <table>
  28.         <tr>
  29.             <td id="tabela">
  30.                 <input type="text" id="tabelainput" class="janmembros" maxlength="3" name="janmembros" value="1" disabled>
  31.             </td>
  32.             <td id="tabela">
  33.                 <input type="text" id="tabelainput" class="janvisitantes" maxlength="3" name="janvisitantes" value="5" disabled>
  34.             </td>
  35.             <td id="tabela3" class="jantotal">
  36.             </td>
  37.         </tr>
  38.     </table>
  39.             
  40.     <table>
  41.         <tr>
  42.             <td id="tabela">
  43.             </td>
  44.             <td id="tabela">
  45.             </td>
  46.             <td id="tabela3" class="total">
  47.             </td>
  48.         </tr>
  49.     </table>



JQuery:

  1.     if ( $( ".janmembros" ).val() != '' && $( ".janvisitantes" ).val() != '' )
  2.     {
  3.         $('table').each(function() {
  4.             var $this = $(this),
  5.                 janmembros = parseInt($this.find( ".janmembros" ).val()),
  6.                 janvisitantes = parseInt($this.find( ".janvisitantes" ).val());
  7.         
  8.             $this.find( ".jantotal" ).html( janmembros+janvisitantes );
  9.             $( ".total" ).html($this.find( ".jantotal" ).html()); 
  10.         });
  11.         
  12.     }