jquery findとaddClassを使用して

私はクラスを持っています（errorPopup）：jsonファイルからデータを取得する位置：絶対を使用して私のCSSでスタイリング。私はエラーがあるときだけ、このクラスを呼びたいと思う。jquery findとaddClassを使用して

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

私のjavascriptファイルでは、入力値がdata-maxより大きいかどうかを確認しています。もしそうなら、私はerrorPopupを使用します：

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

これはうまくいかないようです。親はposition：relativeを持ちます。

2017-12-01 Nightshade

html上の '.errorPopup'はどこですか？ – Eddie

そのコードは '.errorPopup'が' .parent'の内部にある場合にのみ有効です –

エラーポップアップはCSSファイルにあります – Nightshade

あなたのHTMLにerrorPopupクラスがあるはずです。 CSSのデフォルト.errorPopupによって表示する必要があります：：なしと.errorPopup.activeは表示しないはずあなたはこのように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>

ようにする必要があります：ブロック。

ありがとうございます！

2017-12-01 03:49:37

これは私が望むものではありません。私はこれがどう機能するのか理解しています私が作業しているコードは、このクラスをもたらすためにテンプレートを使用しています – Nightshade

@Nightshadeあなたのテンプレートエンジンコードが実行された後、その 'errorPopup'要素はページのDOMにどこに入りますか？必要なHTML要素の構造を追加できますか？可能性はあなたの 'errorPopup'があなたのページの他のどこかに現れている可能性があります。 –

私はそれを理解しました。私の "親"クラスではテンプレート化は行われませんでした。 – Nightshade

答えて