How remove specific div code from html using java or jquery

Question

I want to remove the below 2 codes from my html on page load using java or jquery...

Important: I only want to remove these 2 lines - don't want to remove the content associated with it.

 <div id="left" style="width: 676px;"> 

 <table id="mainpage" style="width: 100%; text-align: center;" cellspacing="0"> 

This is the link to my main code which has the above strings as well, view code on this link

Answer 1

You can use:

$("#mainpage, #left").remove();

Or

$("#mainpage").attr('style', '');
$("#left").attr('style', '');

Or

var htmlInMainPage = $("#mainpage").html().remove();
$('table').append(htmlInMainPage);

Or explain better your question.

Answer 2

If you know elements class or ID, you can use

display:none

If you know element order within the parent, for example third .btn

.btn-nth-of-type(3) {display:none}