[jQuery] Delete first ten children of a prent div
I have made a calendar, whose HTML looks like this<div>
</div><div><div id="calendar"></div><div> <div>data for that day</div></div><div><div> <div>data for that day</div></div>
<div><div> <div>data for that day</div></div><div><div> <div>data for that day</div></div><div><div> <div>data for that day</div></div><div><div> <div>data for that day</div></div>
<div><div> <div>data for that day</div></div><div><div> <div>data for that day</div></div><div><div> <div>data for that day</div></div><div><div> <div>data for that day</div></div>
<div> etc.....</div><div></div></div><div>
</div><div>All of the widths and heights are fixed so that the child divs are 7 across and 5 down. I want to be able to cycle through the calendar 1 week at a time, and I think I have already figured out a way to prepend seven divs in the beginning of #calendar, but I in turn want a function that will be able to delete the first 7 divs inside the calendar. Does anyone know how this could be done?</div>
<div>
</div><div>$(#nextButton).click(function(){</div><div> $("????????????").hide("slow");
</div><div>});
</div></div></div></div></div></div></div></div></div></div>