JSFiddle - React, Tailwind, and code Playground

by hyperthalamus

HTML

<table class="datatable" id="datatable1">
  <thead>
  <tr>
    <th width="35%">Name</th>
    <th>Type</th>
     <th>Current Usage</th>
    <th style="TEXT-ALIGN: right" align="right"></th></tr></thead>
  <tbody>

  <tr>
    <td class="oddrow key"><acronym title="added by Julie Shellman 4/12/2013 1:46 pm">Adding DataSet</acronym></td>
    <td class="oddrow ">
    Audience Analytics
    </td>
    
    <td class="oddrow "><acronym>0
      Report Packs</acronym></td>
    
    <td class="oddrow links"><a href="/ma/analytics/reports/reports.action?action=viewfull&amp;id=2925">View</a>&nbsp;&nbsp;
      <a onclick="return confirm(" this="" action="" cannot="" be="" undone.="" are="" you="" sure="" want="" to="" delete="" data="" store?')'="" href="/ma/analytics/reports/reports.action?action=delete&amp;id=2925">Delete</a>
    </td></tr>

  <tr>
    <td class="evenrow key"><acronym title="Default report source with custom dimensions included">Default with Custom Dimensions</acronym></td>
    <td class="evenrow ">
    Audience Analytics
    </td>
    
     <td onmouseover="return overlib('-Herbalife Audience Analytics');" onmouseout="return nd();" class="evenrow ">1 Report Packs</td>
    
    <td class="evenrow links"><a href="/ma/analytics/reports/reports.action?action=viewfull&amp;id=2469">View</a>&nbsp;&nbsp;
      <a onclick="return confirm(" this="" action="" cannot="" be="" undone.="" are="" you="" sure="" want="" to="" delete="" data="" store?')'="" href="/ma/analytics/reports/reports.action?action=delete&amp;id=2469">Delete</a>
    </td></tr>

  <tr>
    <td class="oddrow key"><acronym title="Added by Julie Shellman 04/10/2013 7:46 pm EST">Download Added</acronym></td>
    <td class="oddrow ">
    Audience Analytics
    </td>
    
    <td class="oddrow "><acronym>0
      Report Packs</acronym></td>
    
    <td class="oddrow links"><a href="/ma/analytics/reports/reports.action?action=viewfull&amp;id=2923">View</a>&nbsp;&nbsp;
      <a onclick="return confirm("...

JavaScript

(function ($) {
    var data = {};
    $("#datatable1 tbody tr").each(function () {
        var $this = $(this),
            key = $this.find("td").first().text(),
            $td = $this.find("td:eq(2)"),
            mouseover = String($td.attr("onmouseover")).replace("');", "") || "",
            count = Number($.trim($td.text().split(" ")[0])),
            packs = (mouseover)? mouseover.split("('")[1] : null;
        console.log(packs);
        if (packs && packs.length) {
            packs = packs.replace(/-/g, "").split("<br>").join("<br />").split("<br/>");
        }
        data[key] = {
            reportCount : count,
            packs : packs
        }
        //console.log(JSON.stringify(data, null, 4));
    })
    $("#output").html(JSON.stringify(data, null, 4));
    $("#datatable1").empty();
}($));