JSFiddle - React, Tailwind, and code Playground

by godhong

HTML

<div class="articles_output">
    	<h2 class="model_header">IEC Output</h2>
        <table align="center">
            <table width="600" border="1" class="out_1">
                <tr>
                    <th width="300" scope="col">User Inputs</th>
                    <th width="300" scope="col">Values</th>
                </tr>
                <tr>
                    <td>LC50 or LD50</td>
                    <td>33.00</td>
                </tr>
            </table>
            <p>&nbsp;</p>
            <table width="600" border="1" class="out_2">
                <tr>
                    <th width="300" scope="col">IEC Outputs</th>
                    <th width="300" scope="col">Values</th>
                </tr>
                <tr>
                    <td>Z Score</td>
                    <td>5.95</td>
                </tr>
            </table>
            <table width="600" border="1" class="out_2" style="display:none">
                <tr>
                    <th width="300" scope="col">IEC Outputs</th>
                    <th width="300" scope="col">Values</th>
                </tr>
                <tr>
                    <td>Z Score</td>
                    <td>5.95</td>
                </tr>
            </table>
        </table>
        <div id="chart1" style="margin-top:20px; margin-left:20px; width:650px; height:400px;"></div>
        <div id="chart1" style="margin-top:20px; margin-left:20px; width:650px; height:400px;"></div>
</div>
<!-- End "articles_output" div -->

JavaScript

var jq_html = $('<div />').append($("div.articles_output").children('table[class*=out_]:not(div#chart1,table:hidden)').clone()).html();

console.log(jq_html);