Change All Table Elements To Div Inside The Td Tag Only Jquery

Question

I have a TABLE structure that i want to convert its element to DIV using jQuery Function HTML EXAMPLE:

Solution 1:

You can use the following:

$("#me").click(function(){
    var innerhtml = $("table tr td").html();
    var innerhtml = innerhtml.replace(/table/g, "div");
    var innerhtml = innerhtml.replace(/tbody/g, "div");
    var innerhtml = innerhtml.replace(/tr/g, "div");
    var innerhtml = innerhtml.replace(/td/g, "div");
    $("table tr td").html(innerhtml);
});