JSFiddle - React, Tailwind, and code Playground

by taylorbuley

HTML

<table>
			<colgroup>
				<col width="20%" />
				<col width="20%" />
				<col width="20%" />
			</colgroup>
			<thead>
				<th>Name</th>
				<th>Code</th>
				<th>Category</th>
				<th>Description</th>

			</thead>
			<tbody>
						<tr>
				<td><a href="http://www.100zakladok.ru" target="_blank">100zakladok</td>
				<td>100zakladok</td>
				<td>Bookmarking Site</td>
				<td>Using the service 100zakladok.ru you can remember all the links to interesting web pages that are found in the network.</td>
			</tr>
						<tr>
				<td><a href="http://2tag.nl/" target="_blank">2 Tag</td>
				<td>2tag</td>
				<td>Tools</td>
				<td>Shorten a long URL and makes a QR Tag of the short URL. Then it is possible to share the QR Tag or the page on an other service by addthis.com. So it is possible to scan the URL by Mobile/GSM.
Or just save/print/mail the QR Tag.</td>
			</tr>
						<tr>
				<td><a href="http://www.2linkme.com" target="_blank">2linkme</td>
				<td>2linkme</td>
				<td>Bookmarking Site</td>
				<td>2linkme offre un servizio per la catalogazione e gestione dei preferiti online. Trascinando il bottone &quot;CATALOGA&quot; nella barra dei preferiti si ha la possibilità di catturare con un solo click del mouse il sito che si sta visualizzando.</td>
			</tr>
						<tr>
				<td><a href="http://www.a97abi.com" target="_blank">A97abi</td>
				<td>a97abi</td>
				<td>Social Network</td>
				<td>A97abi.com, Arabic Social Network, find your school, work, and university's friends.</td>
			</tr>
						<tr>
				<td><a href="" target="_blank">Address Bar</td>
				<td>addressbar</td>
				<td>Other</td>
				<td>This service represents how often users share your site by copying the page URL from their address bar and sending it via email, IM or other channels.</td>
			</tr>
						<tr>
				<td><a href="http://www.adfty.com" target="_blank">Adfty</td>
				<td>adfty</td>
				<td>Social News</td>
				<td>اضاÙ?تÙ? Ù?Ù? Ù?Ù?Ù?ع Ù?Ù?Ù?Ù?ضÙ?ات اÙ?اجتÙ?اعÙ?Ø© Ù?اضاÙ?Ø©...

JavaScript

jQuery( document ).ready( function() {
    ( function( $ ) {
        var table$ = $( 'table > tbody' )
        , rows$ = $( table$ ).children( 'tr' );
        var items = [];
        var x = 0, xitem = null, xlen = rows$.length;
        for ( x = 0; x < xlen; x += 1 ) {
            var key = null, category = null, href = null, slug = null, name = null, xitem = rows$[ x ], cells = $( xitem ).find( 'td' );
            slug = $( cells[ 1 ] ).text();
            name = $( cells[ 0 ] ).find( 'a' ).text();
            category = $( cells[ 2 ] ).text();
            href = $( cells[ 0 ] ).find( 'a' ).attr( 'href' );
            items.push( {
                'name': name,
                'url': href,
                'slug': slug,
                'category': category
            } );
        }
        $( 'body' ).html( JSON.stringify( items ) );
    } )( jQuery );
} );