JSFiddle - React, Tailwind, and code Playground

by godhong

HTML

<html><body><table class='a' align="center">
<tr><th><label for="id_S">Number of modeled stages:</label></th><td><select name="S" id="id_S">
<option value="">Please choose</option>
<option value="2">2</option>
<option value="3">3</option>
</select></td></tr>
</table>
</body></html>

JavaScript

$(document).ready(function() {

    $('<table class="leslie" border="0" align="center"><tr><th width="5">Matrix:</th></tr></table>').insertAfter('.a');    //this works in IE8 but not in IE7


    $('<tr><th width="5">input:</th></tr>').insertAfter('.leslie');    //this works in IE8 but not in IE7
    
});

// The following code works in IE7, but it messed up the layout
/*$(document).ready(function() {

$('<table class="leslie" border="0" align="center"><tr><th width="5">Matrix:</th></tr>').appendTo('.table td:last');    //this works in IE7, once I changed it to tr:last, it does not work again.

})*/