How to remove all elements in a div after a certain div

Question

So I have a div that is drawing in dynamic elements at its bottom and I want to hide these elements, no matter what their IDs are using javaScript/jQuery. Basically my HTML

Answer 1

If the script tag is always before the div's that need removing you could do this -

$('.right-panel > script').nextAll('div').remove();

http://jsfiddle.net/w6d8K/1/

Based on what you tried you could do this -

$('#the-form').nextAll('div').hide();

http://jsfiddle.net/w6d8K/2/

Here are the docs for nextAll() - https://api.jquery.com/nextAll/