Deleting a div

Deleting a div

I have three main div in my html file...
<div id="main">...</div>
<div id="container1">...</div>
<div id="container2">...</div>

Now in my code i set different Div's in these different div on mouse click events.. My Problem is that I have following structure placed in side #main

<div id="itemTriangle1">
      <p id="para1">some detail here</p>
       <div id="itemDetails1">da dada da</div>
</div>

<div id="itemSquare1">
      <p id="para1">some detail here</p>
       <div id="itemDetails1">da dada da</div>
</div>

<div id="itemTriangle2">
      <p id="para1">some detail here</p>
       <div id="itemDetails1">da dada da</div>
</div>

I want to remove this div(itemSquare1) from #main div

Any help please ?