JSFiddle - React, Tailwind, and code Playground

by Erick Petrucelli

HTML

<table>
<tr><td class="first"><b><a href="/q?s=TOM">TOM</a></b></td><td class="second name">Tom is a good boy</td><td class="last_trade"><b><span id="yfs_l10_TOM">5.45</span></b> <nobr><span id="yfs_t10_TOM">Sep 9</span></nobr></td><td><span id="yfs_c10_TOM" width="10" height="14" border="0" src="abcdefgh" alt="Down"> <b style="color:#cc0000;">14.49</b></span> <span id="yfs_p20_TOM"><b style="color:#cc0000;"> (72.67%)</b></span></td><td><span id="yfs_v00_TOM">4,100</span></td><td class="last"><a href="/q/bc?s=TOM">Chart</a>, <a href="/q?s=TOM">More</a></td></tr>

<tr><td class="first"><b><a href="/q?s=BOB">BOB</a></b></td><td class="second name">BOB is a good boy</td><td class="last_trade"><b><span id="yfs_l10_BOB">11.45</span></b> <nobr><span id="yfs_t10_BOB">Sep 9</span></nobr></td><td><span id="yfs_c10_BOB" width="10" height="14" border="0" src="abcdefgh" alt="Down"> <b style="color:#cc0000;">20.49</b></span> <span id="yfs_p20_BOB"><b style="color:#cc0000;">(70.60%)</b></span></td><td><span id="yfs_v00_BOB">12,100</span></td><td class="last"><a href="/q/bc?s=BOB">Chart</a>, <a href="/q?s=BOB">More</a></td></tr>

<tr><td class="first"><b><a href="/q?s=ANDY">ANDY</a></b></td><td class="second name">ANDY is a good boy</td><td class="last_trade"><b><span id="yfs_l10_ANDY">5.45</span></b> <nobr><span id="yfs_t10_ANDY">Sep 9</span></nobr></td><td><span id="yfs_c10_ANDY" width="10" height="14" border="0" src="abcdefgh" alt="Down"> <b style="color:#cc0000;">14.49</b></span> <span id="yfs_p20_ANDY"><b style="color:#cc0000;"> (72.67%)</b></span></td><td><span id="yfs_v00_ANDY">4,100</span></td><td class="last"><a href="/q/bc?s=ANDY">Chart</a>, <a href="/q?s=ANDY">More</a></td></tr>
</table>

JavaScript

var results = [];

$("table tr").each(function(i) {
    results[i] = {
        firstName: $("td.first", this).text(),
        lastTrade: $("td.last_trade span:first", this).text(),
        down: $("td.last_trade", this).next("td").find("span:first").text(),
        downPercentage: $("td.last_trade", this).next("td").find("span:last").text(),
        someOtherNumber: $("td.last", this).prev("td").text() 
    };
});

// Use your results as you want. Here is just to test:
alert(results[0].firstName + ", " +
      results[0].lastTrade + ", " +
      results[0].down + ", " +
      results[0].downPercentage + ", " +
      results[0].someOtherNumber);

alert(results[1].firstName + ", " +
      results[1].lastTrade + ", " +
      results[1].down + ", " +
      results[1].downPercentage + ", " +
      results[1].someOtherNumber);

alert(results[2].firstName + ", " +
      results[2].lastTrade + ", " +
      results[2].down + ", " +
      results[2].downPercentage + ", " +
      results[2].someOtherNumber);