LucianoCharles2017

somar-coluna-tabela

Jul 21st, 2018
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  2. <table id="products-table">
  3.     <tbody>
  4.         <tr>
  5.             <td>10</td>
  6.             <td>produto1</td>
  7.             <td>1</td>
  8.             <td>3</td>
  9.         </tr>
  10.         <tr>
  11.             <td>20</td>
  12.             <td>prodto2</td>
  13.             <td>2</td>
  14.             <td>4</td>
  15.  
  16.         </tr>
  17.     </tbody>
  18.     <tfoot>
  19.  
  20.     </tfoot>
  21. </table>
  22. <script>
  23.  
  24.  
  25.     function getTotal(column = 1) {
  26.         let result = 0;
  27.         let columns = $("#products-table tr td:nth-child(" + column + ")");
  28.  
  29.         columns.each(i => {
  30.             result += parseInt($(columns[i]).html());
  31.         });
  32.  
  33.         return result;
  34.     }
  35.  
  36.     console.log("Soma da primeira coluna: " + getTotal(1));
  37.     console.log("Soma da terceira coluna: " + getTotal(3));
  38.     console.log("Soma da quarta coluna: " + getTotal(4));
  39. </script>
Advertisement
Add Comment
Please, Sign In to add comment