JSFiddle - React, Tailwind, and code Playground
by godhong
HTML
<div class="articles">
<h2 class="model_header">Exponential Model Output</h2>
<table align="center">
<!--end 04uberoutput_start-->
</table>
<table width="550" border="1">
<tbody>
<tr>
<th scope="col" width="250">Inputs</th>
<th scope="col" width="150">Unit</th>
<th scope="col" width="150">Value</th>
</tr>
<tr>
<td>Initial amount of individuals</td>
<td> </td>
<td>100.0</td>
</tr>
<tr>
<td>Initial growth rate</td>
<td>%</td>
<td>4.0</td>
</tr>
<tr>
<td>Number of time intervals</td>
<td>time unit</td>
<td>200</td>
</tr>
</tbody>
</table>
<p> </p>
<table width="400" border="0" style="display: none">
<tbody>
<tr>
<td>X</td>
<td id="x_indi_val">[100.0, 104.08107741923882, 108.32870676749586]</td>
</tr>
</tbody>
</table>
<div id="chart1" style="margin-top: 20px; margin-left: 20px; width: 650px; height: 400px; position: relative;" class="jqplot-target">
<canvas width="650" height="400" style="position: absolute; left: 0px; top: 0px;" class="jqplot-base-canvas"></canvas>
<div class="jqplot-title" style="height: 0px; width: 0px;"></div>
<div class="jqplot-axis jqplot-xaxis" style="position: absolute; width: 650px; height: 46px; left: 0px; bottom: 0px;">
<div style="position: absolute; left: 314.5px; bottom: 0px;" class="jqplot-xaxis-label">Time units</div>
<div class="jqplot-xaxis-tick" style="position: absolute; left: 58px;">0</div>
<div class="jqplot-xaxis-tick" style="position: absolute; left: 108.72727272727272px;">20</div>
<div class="jqplot-xaxis-tick" style="position:...
JavaScript
var jq_html = $('<div />').append($("div.articles").children(':lt(3)').clone()).html();
console.log(jq_html)