如何通过使用JQuery检查容器div的任何子级是否有错误类？

Question

假设以下HTML div容器

<div id="container">
    <form>
        <div>
            <label class="error">Name</label>
            <input type="text" name="name"/>
        </div>
        <div>
            <label>Age</label>
            <input type="text" name="age"/>
        </div> 
    </form>
</div>

如何通过使用JQuery来检查容器div的子项是否有错误类？

Answer 1

$("#container .error").length

Answer 2

$('div').children( function(){
if( $(this).hasClass( 'error' ) )
{
//do something
}
} );

Answer 3

if ($("#container label.error").length == 0) {
  // none
} else {
  // at least one
}

Answer 4

我是从#container开始的：

CODE

jQuery("#container").find("label").each(function (i) {
  if ( jQuery(this).hasClass("error") ) {
    //error exist
  }
});