jqueryは無効な要素を取得していません。

Question

私のページ内にこのdivがあります。

<div class="workspace" id="workspace"> 
    <div data-ng-repeat="node in controller.Nodes" on-last-repeat=on-last-repeat> 
    </div> 
</div> 

私のタイプコードでは、必須フィールドが設定されていないかどうかをチェックします。

if ($('#workspace').find('.ng-invalid').length != 0) 

これは機能しません。長さは常に0です。私はまた、以下を試しましたが運はありません：

if ($('#workspace').find('.has-error.form-control').length != 0) 
if ($('#workspace').find('.invalid').length != 0) 

アイデアはありますか？

Answer 1

子要素にはクラス属性がありません。あなたは、むしろhas attribute selectorを使用することができます。

if ($('#workspace').find('[data-ng-repeat]').length != 0) 

Answer 2

それはドキュメントが完全に準備ができている前に、あなたはjQueryの部分を実行するので、それがあることは可能ですか？

if ($('#workspace .ng-invalid').length != 0) { 
    console.log('found in FIRST'); 
} 

// on document.ready 
$(function() { 
    if ($('#workspace .ng-invalid').length != 0) { 
    console.log('found in SECOND'); 
    } 
}); 

のみ第二のトリガー：

は、私はこのような例があります。 jQueryのを使用して

$(function() { 
    $('#workspace .ng-invalid').each(function (index, object) { 
    console.log(object); 
    }); 
});