使用find和addClass的jquery

Question

我在我的css中使用position：absolute设置了一个类（errorPopup），它从json文件中获取数据。我只想在出现错误时才打电话给这个班级。

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

在我的javascript文件中，我正在检查输入值是否大于data-max。如果是这样，我使用我的errorPopup：

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

但这似乎并不奏效。父母的职位是：亲属。

Answer 1

你的html中应该有errorPopup类。如果您正在使用这样的jquery，

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

然后HTML应该像

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

注意：默认情况下，CSS中的.errorPopup应该是display：none和.errorPopup.active应该是display：block。

谢谢！