使用动态类名隐藏或删除div

Question

我遇到一个问题，即每次刷新页面时都会添加新的动态div与动态类名称。

例如

<div class="ABGeGGCcJeBCDEGD" data-app-name="">

这里是class =“ABGeGGCcJeBCDEGD”，当我重新加载页面时，类名会自动更改。

所以，我需要删除或隐藏该div。

注意    div不在代码端，但它是动态创建的。

提前致谢

Answer 1

您应该找到另一种识别div而不是类名的方法，例如： DOM树。

此外，您可以尝试制作＆＃34;白名单＆＃34;可见的div。像

这样的东西

• 隐藏所有div
• 获取白名单并显示这些类的div。

Answer 2

您可以在id上使用事件 示例在这里。 $（＆＃39;＃testDiv＆＃39;）。去掉（） 如果这种情况不起作用，请告诉我

Answer 3

据我所见，您有3个选项。

<强> 1。班级总是以相同的方式开始或结束吗？

如果是这样，你可以在CSS中定位。

div[class^="ABGe"] { display: none; }
div[class$="DEGD"] { display: none; }

<强> 2。该元素是否具有您可以定位的任何其他类或属性。

如果是这样，你可以用CSS定位它们。

div[data-app-name] { display: none; }

第3。你能修改标记吗？

如果是这样，您可以将元素包装在不会发生变化的内容中。

<div class="hide-contents">
    <div class="ABGeGGCcJeBCDEGD" data-app-name="">
</div>

然后你可以在CSS中定位它。

.hide-contents > div { display: none; }

我希望其中一个选项很有用。