javascript - 如何删除某个div之后的div中的所有元素

Question

所以我有一个 div，它在底部绘制动态元素，我想隐藏这些元素，无论它们使用 javaScript/jQuery 的 ID 是什么。基本上我的 HTML 看起来像这样:

<div class="right-panel">
  <div class="info">Text</div>
  <form id="the-form">
    <input type="hidden" name="first-name" value="">
    <input type="hidden" name="last-name" value="">
    <input type="hidden" name="state" value="">
  </form>
  <script>javaScript</script>
  <div id="dynamic-id-1">Advertisement 1</div>
  <div id="dynamic-id-2">Advertisement 2</div>
</div>

我想确保始终删除或隐藏“dynamic-id-1”和“dynamic-id-2”div，无论它们的 ID 是什么(它们的 ID 可能会更改)。如何在不定位这些元素的 ID 的情况下定位这些元素？

编辑——我试过了，但我的方法似乎很有限，而且我无法让它与多个 div 一起工作，即使在链接时也是如此:

$('#the-form').next().hide();

(注意:不幸的是他们没有类，有多个 div，而且 ID 总是完全不同。我希望可能有新的方法来定位包装 div 的最后两个 div 并隐藏它们)

Answer 1

如果脚本标签总是在需要删除的 div 之前，你可以这样做 -

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

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

根据您的尝试，您可以这样做 -

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

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

这是 nextAll() 的文档 - https://api.jquery.com/nextAll/