How can i check whether any child of container div has an error class by using JQuery ?

Question

Hi,

Suppose the following HTML div container

<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>

How can i check whether any child of container div has an error class by using JQuery ?

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

I started from the #container:

CODE

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