Скрыть или удалить div с динамическим именем класса

Question

У меня возникла проблема с добавлением нового динамического div с именем динамического класса , когда страница обновляется каждый раз.

Например

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

Здесь class = "ABGeGGCcJeBCDEGD", когда я перезагружаю страницу, имя класса изменяется автоматически.

Итак, мне нужно удалить или скрыть этот div.

Примечание DIV отсутствует на стороне кода, но он создается динамически.

Заранее спасибо

Answer 1

Вы можете использовать событие по id. Пример здесь.$ ( '# TestDiv').remove () Дайте мне знать, если этот случай не будет работать

Answer 2

Насколько я вижу, у вас есть 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; }

Надеюсь, один из этих вариантов будет полезен.

Answer 3

Вы должны найти другой способ идентифицировать div вместо имени класса, например дерево DOM.

Также вы можете попытаться составить «белый список» видимых div.Что-то вроде

• Сделать ВСЕ divs скрытыми
• Получить белый список и показать div с этими классами.