JSFiddle - React, Tailwind, and code Playground

by timmah

HTML

<table cellpadding="0" cellspacing="0" border="0" width="100%">

    <tbody>
        <tr valign="top">
            <td class="lpart" colspan="100">
                <div class="lhead">/
                    <span class="lcount">6 pages</span></div>

                <table cellpadding="0" cellspacing="0" border="0" width="100%">

                    <tbody>
                        <tr>
                            <td class="lpage"><a href="http://ncis.anu.edu.au/" title="National Centre for Indigenous Studies - NCIS - ANU">National Centre for Indigenous Studies - NCIS - ANU</a></td>
                        </tr>
                        <tr>
                            <td class="lpage"><a href="http://ncis.anu.edu.au/about_us.php" title="About NCIS - NCIS - ANU">About NCIS - NCIS - ANU</a></td>
                        </tr>
                        <tr>
                            <td class="lpage"><a href="http://ncis.anu.edu.au/sum_res_schol.php" title="Summer Research Scholarship/Internship Program - NCIS - ANU">Summer Research Scholarship/Internship Program - NCIS - ANU</a></td>
                        </tr>
                        <tr>
                            <td class="lpage"><a href="http://ncis.anu.edu.au/engagement.php" title="Engagement opportunities with NCIS - NCIS - ANU">Engagement opportunities with NCIS - NCIS - ANU</a></td>
                        </tr>
                        <tr>
                            <td class="lpage"><a href="http://ncis.anu.edu.au/contact_us.php" title="Contact us - NCIS - ANU">Contact us - NCIS - ANU</a></td>
                        </tr>
                        <tr>
                            <td class="lpage"><a href="http://ncis.anu.edu.au/index.php" title="National Centre for Indigenous Studies - NCIS - ANU">National Centre for Indigenous Studies - NCIS - ANU</a></td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>

        <tr valign="top">
     ...

CSS

td {
    border: solid 1px red;
}

JavaScript

/*  Link extractor for tables of anchors
 * 
 * 
 * 
 */

$('td').each(function() {

    if ($(this).children('a').length) {
        if ($(this).children('a').attr('href')) {

            console.log($(this).children('a').text());

            $(this).after('<td>' + $(this).children('a').attr('href') + '</td>');
        }
    }
})