title: Calculating data in tables with Javascript/Jquery
body: <p>So I'm trying to do some calculations inside a HTML table with Javascript/Jquery. There are 7 columns in 1 table and each column should do their calculations based on the values that are in the cells in those columns.</p>
  
  <p>I did manage to make this work for one, but once I try coding it so it works for every column I get stuck and I don't know where to start. Right now it just keeps up adding all the values from every cell with that classname and puts it in all the corresponding cells.</p>
  
  <p>Any help/suggestions are highly appreciated.</p>
  
  <p>Created a fiddle with it if I left out any information please tell me</p>
  
  <p><a href="https://fiddle.jshell.net/gu8feydq/" rel="nofollow">https://fiddle.jshell.net/gu8feydq/</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var aankoopprijs = $(".calc-aankoop").text();
  var ob = $(".calc-ob").text();
  var add = parseFloat(aankoopprijs) - parseFloat(ob);
  $(".calc-marktprijs").html(add);
  
  //Calculate the Groothandelprijs
  var marktprijs = $(".calc-marktprijs").text();
  var kruissubsidie = $(".calc-kruissubsidie").text();
  var add2 = parseFloat(marktprijs) - parseFloat(kruissubsidie);
  $(".calc-groothandelsprijs").html(add2);
  
  //Calculate the Eindgebruikerstarief
  var groothandelsprijs = $(".calc-groothandelsprijs").text();
  var ob2 = $(".calc-ob2").text();
  var add3 = parseFloat(groothandelsprijs) - parseFloat(ob2);
  $(".calc-eindgebruik").html(add3);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;table border="1" class="table-tariefstructuur" id="testtable"&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td class="producten"&gt;Producten&lt;/td&gt;
        &lt;td style="text-align:center"&gt;Mogas&lt;/td&gt;
        &lt;td style="text-align:center"&gt;Gasolie&lt;/td&gt;
        &lt;td style="text-align:center"&gt;LPG 100&lt;/td&gt;
        &lt;td style="text-align:center"&gt;LPG 20&lt;/td&gt;
        &lt;td style="text-align:center"&gt;Gasolie&lt;/td&gt;
        &lt;td style="text-align:center"&gt;Diesel&lt;/td&gt;
        &lt;td style="text-align:center"&gt;Marine fuel oil&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="aankoopprijs"&gt;
        &lt;td class="producten"&gt;1 Aankoopprijs&lt;/td&gt;
        &lt;td class="calc-aankoop" style="text-align:center"&gt;800&lt;/td&gt;
        &lt;td class="calc-aankoop" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-aankoop" style="text-align:center"&gt;500&lt;/td&gt;
        &lt;td class="calc-aankoop" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-aankoop" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-aankoop" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-aankoop" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="ob"&gt;
        &lt;td class="producten"&gt;5 O.B. 6%&lt;/td&gt;
        &lt;td class="calc-ob" style="text-align:center"&gt;50&lt;/td&gt;
        &lt;td class="calc-ob" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-ob" style="text-align:center"&gt;25&lt;/td&gt;
        &lt;td class="calc-ob" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-ob" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-ob" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-ob" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="marktprijs"&gt;
        &lt;td class="producten"&gt;6 Marktprijs = som 1-5&lt;/td&gt;
        &lt;td class="calc-marktprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-marktprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-marktprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-marktprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-marktprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-marktprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-marktprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="kruissubsidie"&gt;
        &lt;td class="producten"&gt;8 Kruissubsidie&lt;/td&gt;
        &lt;td class="calc-kruissubsidie" style="text-align:center"&gt;4&lt;/td&gt;
        &lt;td class="calc-kruissubsidie" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-kruissubsidie" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-kruissubsidie" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-kruissubsidie" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-kruissubsidie" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-kruissubsidie" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="groothandelsprijs"&gt;
        &lt;td class="producten"&gt;9 Groothandelsprijs = som 6-8&lt;/td&gt;
        &lt;td class="calc-groothandelsprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-groothandelsprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-groothandelsprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-groothandelsprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-groothandelsprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-groothandelsprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-groothandelsprijs" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="ob2"&gt;
        &lt;td class="producten"&gt;11 O.B. 6%&lt;/td&gt;
        &lt;td class="calc-ob2" style="text-align:center"&gt;50&lt;/td&gt;
        &lt;td class="calc-ob2" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-ob2" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-ob2" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-ob2" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-ob2" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-ob2" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="eindgebruikgerstarief"&gt;
        &lt;td class="producten"&gt;12 Eindgebruikerstarief = som 9-11&lt;/td&gt;
        &lt;td class="calc-eindgebruik" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-eindgebruik" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-eindgebruik" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-eindgebruik" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-eindgebruik" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-eindgebruik" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td class="calc-eindgebruik" style="text-align:center"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>