Как ограничивать показ блоков через .append?

Question

[podushka]

У меня есть страница авторизации, где при неверном вводе логина или пароля показывается окно через append(jquery) с информацией, что данные неверные. Как можно ограничивать количество этих блоков? То-есть если появилось третье окно, то первое убирается.

Answer 1

[historydev]

document.querySelectorAll('моё окно').forEach(el => el.remove());
document.append(myDivElem);

Comments

[podushka]

а как ограничивать, допустим, до трёх окон максимум?

[historydev]

Не_скажу Всё_равно_не_скажу,

document.querySelectorAll('моё окно').forEach((el, i) => i > 2 ? el.remove() : el);

Answer 2

[Ербол]

1. Проверяем количество окон
2. Если уже есть 2 окна, то удаляем первый и добавляем новый
if ($(".class").length == 2) {
$('.class').first().remove()
}
тут append...