JSFiddle - React, Tailwind, and code Playground

by dixalex

HTML

<h3>[Colossains 2: 14] Greek translation word for word - </h3>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td valign="top">
                <table width="100%" border="0" cellspacing="1" cellpadding="5" class="maintext">
                    <tbody>
                        <tr>
                            <td class="top" width="17%">Strong's</td>
                            <td class="top" width="20%">Transliteration</td>
                            <td class="top" width="21%">Greek</td>
                            <td class="top" width="21%">English</td>
                            <td class="top" width="21%">Morphology</td>
                        </tr>
                        <tr>
                            <td class="strongsnt" valign="top"> <span class="strongsnt">
                                    <a href="/greek/1813.htm" title="Strong's Greek 1813: having blotted out">1813</a>
                                </span>
 <span class="strongsnt">
                                    <a href="/greek/strongs_1813.htm" title="Englishman's Greek: 1813">[e]</a>
                                </span>

                            </td>
                            <td class="translit" valign="top"> <a href="/greek/exaleipsas_1813.htm" title="exaleipsas: having blotted out.">exaleipsas</a>

                            </td>
                            <td class="greek2" valign="top">ἐξαλείψας</td>
                            <td class="eng" valign="top"></td>
                            <td class="pos" valign="top"> <span class="pos">
                                    <a href="/grammar/v-apa-nms.htm" title="Verb - Aorist Participle Active - Nominative Masculine Singular">V-APA-NMS</a>
                                </span>

                            </td>
                        </tr>
                        <tr>
                            <td class="strongsnt" valign="top"> <span class="strongsnt">
    ...

CSS

table {
    border-collapse: collapse;
}
td {
    border: 1px solid red;
}
h3 {
    font-family: arial;
    color: #ACE;
}

JavaScript

//Colossians 2: 14 Study
$('tr').each(function () {
    $('td.eng').text('Joel');
});
$('td.eng:eq(0)').text('to obliderate or erase');
$('td.eng:eq(1)').text('these/this');
$('td.eng:eq(2)').text('accusing or against');
$('td.eng:eq(3)').text('me');
$('td.eng:eq(4)').text('the law/mosaic law');
$('td.eng:eq(5)').text('in the');
$('td.eng:eq(6)').text('rules and requirements');
$('td.eng:eq(7)').text('which');
$('td.eng:eq(8)').text('were/was');
$('td.eng:eq(9)').text('enemy/against');
$('td.eng:eq(10)').text('me');
$('td.eng:eq(11)').text('even');
$('td.eng:eq(12)').text('it/itself');
$('td.eng:eq(13)').text('takeaway/remove');
$('td.eng:eq(14)').text('out of/from');
$('td.eng:eq(15)').text('this');
$('td.eng:eq(16)').text('midst/middle');
$('td.eng:eq(17)').text('fasten with nails');
$('td.eng:eq(18)').text('himself/the same');
$('td.eng:eq(19)').text('these/this');
$('td.eng:eq(20)').text('cross/Christ crucifixion');
var joelCount = $("td.eng:contains(Joel)").length;
console.log("Joel Length: " + joelCount);