table cleaner thing

by brico

HTML

<textarea id="in">
<table>
    <tr></tr>
    <tr></tr>
    <tr></tr>
</table>
    

</textarea>
<textarea id="out"></textarea>
<button id="go">Go</button>

CSS

textarea {
    width: 45%;
    height: 200px;
}

JavaScript

$(document).ready(function () {
    $('#go').click(function () {
        var input = $('#in').val(),
            parsed,
            output,
            fakedoc,
            tableClass = "table",
            evenClass = "table-row-even",
            oddClass = "table-row-odd";
        
        try {
            parsed = $(input);
            fakedoc = $('<div>').append(parsed.clone());
            var tables = fakedoc.find('table');
            
            if (tables.length > 0) {
                console.log('hi');
                fakedoc.find('table').addClass(tableClass);
                fakedoc.find('tr:even').addClass(evenClass);
                fakedoc.find('tr:odd').addClass(oddClass);
            }
                
            output =  fakedoc.html();
        } catch (e) {
            output = e;
        }
        
        console.log(parsed, output);
        $('#out').val(output);
    });
});