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:
HTML:
- <table>
- <tr>
- <td id="tabela">
- <input type="text" id="tabelainput" class="janmembros" maxlength="3" name="janmembros" value="1" disabled>
- </td>
- <td id="tabela">
- <input type="text" id="tabelainput" class="janvisitantes" maxlength="3" name="janvisitantes" value="3" disabled>
- </td>
- <td id="tabela3" class="jantotal">
- </td>
- </tr>
- </table>
-
- <table>
- <tr>
- <td id="tabela">
- <input type="text" id="tabelainput" class="janmembros" maxlength="3" name="janmembros" value="1" disabled>
- </td>
- <td id="tabela">
- <input type="text" id="tabelainput" class="janvisitantes" maxlength="3" name="janvisitantes" value="2" disabled>
- </td>
- <td id="tabela3" class="jantotal">
- </td>
- </tr>
- </table>
-
- <table>
- <tr>
- <td id="tabela">
- <input type="text" id="tabelainput" class="janmembros" maxlength="3" name="janmembros" value="1" disabled>
- </td>
- <td id="tabela">
- <input type="text" id="tabelainput" class="janvisitantes" maxlength="3" name="janvisitantes" value="5" disabled>
- </td>
- <td id="tabela3" class="jantotal">
- </td>
- </tr>
- </table>
-
- <table>
- <tr>
- <td id="tabela">
- </td>
- <td id="tabela">
- </td>
- <td id="tabela3" class="total">
- </td>
- </tr>
- </table>
JQuery:
- if ( $( ".janmembros" ).val() != '' && $( ".janvisitantes" ).val() != '' )
- {
- $('table').each(function() {
- var $this = $(this),
- janmembros = parseInt($this.find( ".janmembros" ).val()),
- janvisitantes = parseInt($this.find( ".janvisitantes" ).val());
-
- $this.find( ".jantotal" ).html( janmembros+janvisitantes );
- $( ".total" ).html($this.find( ".jantotal" ).html());
- });
-
- }