<html>
<head> <link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css” integrity=”sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T” crossorigin=”anonymous”> <script src=”https://code.jquery.com/jquery-3.6.0.min.js” integrity=”sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=” crossorigin=”anonymous”></script> <script src=”https://code.jquery.com/jquery-3.3.1.slim.min.js” integrity=”sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo” crossorigin=”anonymous”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js” integrity=”sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1″ crossorigin=”anonymous”></script> <script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js” integrity=”sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM” crossorigin=”anonymous”></script> <script src=”index.js”></script></head>
<body> <div class=”container-fluid”> <button id=”button_id”>text</button> <table id=”table_id” class=”table table-bordered”> <thead> <tr> <th>The table header</th> <th>The table header</th> </tr> </thead> <tbody> <tr data-tr=”3″ > <td>1</td> <td data-vin=”3″ data-load=”15″><img src=”wave.png”></td> </tr> <tr> <td>2</td> <td data-vin=”3″ data-load=”16″><img src=”wave2.png”></td> </tr> <tr> <td>3</td> <td data-vin=”3″ data-load=”17″><img src=”wave.png”></td> </tr> <tr data-tr=”4″ > <td>4</td> <td data-vin=”4″ data-load=”15″><img src=”wave2.png”></td> </tr> <tr> <td>5</td> <td data-vin=”4″ data-load=”16″><img src=”wave.png”></td> </tr> <tr> <td>6</td> <td data-vin=”4″ data-load=”17″ ><img src=”wave2.png”></td> </tr> <tr> <td>7</td> <td data-vin=”5″ data-load=”15″ ><img src=”wave.png”></td> </tr> <tr> <td>8</td> <td data-vin=”5″ data-load=”16″><img src=”wave2.png”></td> </tr> <tr> <td>9</td> <td data-vin=”5″ data-load=”17″><img src=”wave.png”></td> </tr> </tbody> </table> </div>
</body>
</html>
$(function(){ $(“#button_id”).click(function () { divtr = $(‘[data-vin=”3″]’); $(‘[data-tr=”3″]’).append( divtr );
divtr = $(‘[data-vin=”4″]’); $(‘[data-tr=”4″]’).append( divtr ); //$(‘tbody’).append(‘<td>a</td>’); //$(‘tbody’).append(divtr);
//$(‘#table_id’).children(‘tbody’).empty(); });});
