JSFiddle - React, Tailwind, and code Playground

by der_robert

HTML

<div id="block-system-main" class="block block-system ">

<div class="content">
<table>
<caption></caption>
 <thead><tr><th>Abgabe Datum</th><th>Minutes</th><th>Sprecheranzahl</th><th>Qualität</th><th>Transkritpionsregeln</th><th>Vergütung</th> </tr></thead>
<tbody>
 <tr class="odd">
   <td><a href="/node/30855">2017-06-24 13:00</a></td><td><div class="field field-name-field-duur-aantal-minuten field-type-number-integer field-label-hidden"><div class="field-items"><div class="field-item even">52 Minuten</div></div></div></td><td><div class="field field-name-field-aantal-sprekers field-type-list-text field-label-hidden"><div class="field-items"><div class="field-item even">2 Sprecher</div></div></div></td><td><div class="field field-name-field-opnamekwaliteit field-type-list-text field-label-hidden"><div class="field-items"><div class="field-item even">Mittel</div></div></div></td><td><div class="field field-name-field-uitwerking field-type-list-text field-label-hidden"><div class="field-items"><div class="field-item even">Einfache Regeln – wortgetreu</div></div></div><div class="field field-name-field-taal field-type-list-text field-label-hidden"><div class="field-items"><div class="field-item even">DEU</div></div></div></td><td>€ 41,60</td> </tr>
 <tr class="even"><td><a href="/node/30866">2017-06-24 13:00</a></td><td><div class="field field-name-field-duur-aantal-minuten field-type-number-integer field-label-hidden"><div class="field-items"><div class="field-item even">59 Minuten</div></div></div></td><td><div class="field field-name-field-aantal-sprekers field-type-list-text field-label-hidden"><div class="field-items"><div class="field-item even">2 Sprecher</div></div></div></td><td><div class="field field-name-field-opnamekwaliteit field-type-list-text field-label-hidden"><div class="field-items"><div class="field-item even">Gut</div></div></div></td><td><div class="field field-name-field-uitwerking field-type-list-text field-label-hidden"><div...

JavaScript

jQuery(document).ready(function(){

  var pageInitialized = false;
  jQuery(function()
  {
    if(pageInitialized) return;
    pageInitialized = true;

    jQuery("#block-system-main table tr.odd,#block-system-main table tr.even").each(function(){

			var time_ugly = $(this).find("td:nth-child(2)").text();
      var time_ugly = time_ugly.replace(" ", "");
      var time_nice = time_ugly.replace("Minuten", "");
         
      
      var price_ugly = $(this).find("td:nth-child(6)").text();
      var price_nice = price_ugly.replace(" ", "");
      var price_nice = price_nice.replace("€", "");
      var price_nice = price_nice.replace(",", ".");

      var minute_price_ugly = parseFloat(price_nice) / parseInt(time_nice);
      var minute_price_nice = Math.round(minute_price_ugly*100).toFixed(2) / 100;
      
      jQuery(this).find("td:nth-child(6)").text(price_ugly + " | "+minute_price_nice+"€")

  	});

  });

});