blocks|key|2622521|text|最简单的方法是向动态元素中添加类。类似于：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2622522|<div+class="removable-element"+id="dynamic-id-1">Advertisement+1</div>|code-block|syntax|javascript|2622523|然后，你可以做这样的事情：|2622524|$(".right-panel+.removable-element").remove()|2622525|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>The simplest route would be to add classes to the dynamic elements.  Something like:</p>

<pre><code>&lt;div class="removable-element" id="dynamic-id-1"&gt;Advertisement 1&lt;/div&gt;
</code></pre>

<p>Then, you can do something like:</p>

<pre><code>$(".right-panel .removable-element").remove()
</code></pre>


blocks|key|2081214|text|如果一次只生成一个div，则动态生成。将其添加到动态生成中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2081215|$('#the-form+%2B+div').hide();|code-block|syntax|javascript|2081216|另一种实现相同(不是首选)的方法是：|2081217|$('#the-form').next('div').remove();|2081218|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>If only one div at a time is generated dynamically. Add this to dynamic generation:</p>

<pre><code>$('#the-form + div').hide();
</code></pre>

<p>Another method to achieve the same (not preferred) is:</p>

<pre><code>$('#the-form').next('div').remove();
</code></pre>


blocks|key|2081249|text|如果脚本标记总是在需要删除的div之前，您可以这样做-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2081250|$('.right-panel+>+script').nextAll('div').remove();|code-block|syntax|javascript|2081251|http://jsfiddle.net/w6d8K/1/|offset|length|2081252|基于你的努力，你能做到-|2081253|$('#the-form').nextAll('div').hide();|2081254|http://jsfiddle.net/w6d8K/2/|2081255|下面是nextAll()+-+https://api.jquery.com/nextAll/的文档|2081256|entityMap|0|LINK|mutability|MUTABLE|url|1|2|https://api.jquery.com/nextAll/^0|0|0|0|S|0|0|0|0|0|S|1|0|F|V|2|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@]|9|@$I|15|J|16|1|17]]|A|$]]|$1|K|3|L|5|6|7|18|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1A|8|@]|9|@$I|1B|J|1C|1|1D]]|A|$]]|$1|Q|3|R|5|6|7|1E|8|@]|9|@$I|1F|J|1G|1|1H]]|A|$]]|$1|S|3|-4|5|6|7|1I|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|H]]|Z|$5|V|W|X|A|$Y|P]]|10|$5|V|W|X|A|$Y|11]]]]

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

<pre><code>$('.right-panel &gt; script').nextAll('div').remove();
</code></pre>

<p><a href="http://jsfiddle.net/w6d8K/1/" rel="nofollow">http://jsfiddle.net/w6d8K/1/</a></p>

<p>Based on what you tried you could do this - </p>

<pre><code>$('#the-form').nextAll('div').hide();
</code></pre>

<p><a href="http://jsfiddle.net/w6d8K/2/" rel="nofollow">http://jsfiddle.net/w6d8K/2/</a></p>

<p>Here are the docs for nextAll() - <a href="https://api.jquery.com/nextAll/" rel="nofollow">https://api.jquery.com/nextAll/</a></p>


blocks|key|2622618|text|您是说您不想针对他们的"+id+"，但是在id中是否有一些特定的部分将保持不变？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2622619|比如“动态-id-”？|2622620|如果是这种情况，您可以使用“类似选择器”来锁定它们。下面的代码将针对ID以"dynamic-id“开头的所有div。|2622621|$('div[id%5E=dynamic-id]').each(function+()+{
++//do+something+here
});|code-block|syntax|javascript|2622622|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>You are saying you don't want to target their "id", but is there some specific part in the id that will remain the same ?</p>

<p>like for instance "dynamic-id-" ?</p>

<p>If this is the case you can target them by using a "like selector". The code below would target all divs whose ID is starting with "dynamic-id"</p>

<pre><code>$('div[id^=dynamic-id]').each(function () {
  //do something here
});
</code></pre>


blocks|key|2081328|text|以类而不是动态ID为目标。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2081329|<div+class="element-to-remove"+id="dynamic-id-1"+/>
<div+class="element-to-remove"+id="dynamic-id-2"+/>

$('.right-panel+.+element-to-remove').remove();|code-block|syntax|javascript|2081330|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Target the class instead of the dynamic ID.</p>

<pre><code>&lt;div class="element-to-remove" id="dynamic-id-1" /&gt;
&lt;div class="element-to-remove" id="dynamic-id-2" /&gt;

$('.right-panel . element-to-remove').remove();
</code></pre>


<p>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 looks like this:</p>

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

<p>I'd like to ensure that the "dynamic-id-1" and "dynamic-id-2" divs are always removed or hidden no matter what their ID's are (their IDs are subject to change). How do I target these elements without targeting their IDs?</p>

<p>Edit--I tried this, but my approach seems limited, and I couldn't get it to work with multiple divs, even when chaining:</p>

<pre><code>$('#the-form').next().hide();
</code></pre>

<p>(Note: unfortunately they don't have a class, there are multiple divs, and the IDs are always completely different. I was hoping there might be novel way to target the last two divs of the wrapping div and hide them)</p>


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

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

所以我有一个div，它在底部绘制动态元素，我想隐藏这些元素，不管它们的ID使用什么javaScript/jQuery。基本上，我的HTML看起来如下：<div class="right-panel">  <div class="info">Text</div>  <form id="the-form">    <inp...

问如何在某个div之后删除div中的所有元素
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在某个div之后删除div中的所有元素EN