jquery przy użyciu find i addClass - javascript, jquery

Mam klasę (errorPopup) stylizowaną w moim css za pomocą pozycji: absolute, która pobiera dane z pliku json. chcę wezwać tę klasę tylko wtedy, gdy wystąpi błąd.

<div class="parent">
<input class="child" type="text">
</div>

w moim pliku javascript sprawdzam, czy wartość wejściowa jest większa niż maksimum danych. Jeśli tak, używam mojego błędu:

$(".child").parents(".parent").find(".errorPopup").addClass("active");

To jednak nie działa. Rodzic ma pozycję: względną.

Odpowiedzi:

Powinieneś mieć klasę errorPopup w swoim html. jeśli używasz tego jquery,

$(".child").parents(".parent").find(".errorPopup").addClass("active");

wtedy HTML powinien być podobny

<div class="parent">
<div class="errorPopup">Please fill out it</div>
<input class="child" type="text">
</div>

Uwaga: domyślnie .errorPopup w CSS powinien być wyświetlany: none i .errorPopup.active powinny być display: block.

Dzięki !