Append jQuery

by Ivan Ferrer

HTML

<ol class="wrap-card" id="demo">
        <li class="card card_colorFirst" data-color="first">
        <nav class="wrap-card-btns">
            <ul>
                <li class="btn-pad card_delete">
                    <a href="">Excluir</a>
                </li>
                <li class="btn-pad card_edit">
                    <a href="">Editar</a>
                </li>
                <li class="btn-pad card-colors isActive" data-color="first">
                <a href="#">Azul</a>
                </li>
                <li class="btn-pad card-colors" data-color="second">
                <a href="#">Amarelo</a>
                </li>
                <li class="btn-pad card-colors" data-color="third">
                <a href="#">Vermelho</a>
                </li>
                <li class="btn-pad card-colors" data-color="fourth">
                <a href="#">Verde</a>
                </li>
            </ul>
        </nav>
        <p class="card-content" contenteditable="false">
            Bem-vindo ao Ceep
        </p>
        </li><!--
     --></ol>

JavaScript

$('#demo').append('<li><table class="table"> <caption>Optional table caption.</caption> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </tbody> </table></li>');