Check child class class is available or not jquery

Question

<div class="formSortable ui-sortable">
    <div id="formItem_c_firstName" class="formItem leftLabel selected">
        <label class="varcharIcon">First Name</label>
        <div class="formInputBox">
            <input type="text" id="Name" >
         </div>
    </div>
</div>

formSortable class child class formItem having the class selected or not my jquery

if ($('.formSortable').find('formItem').hasClass('selected')) {
                   alert("hi");
               }

Answer 1

It:

if( $('.formSortable').find('.formItem.selected').length > 0 ) {
    alert( 'hi' );
}

Or that:

$('.formSortable').find('.formItem.selected').length == 0 || alert( 'hi' );

Should work fine.

But if for the title you really meant the child .formSortable 'element , use .children()instead .find():

if( $('.formSortable').children('.formItem.selected').length > 0 ) {
    alert( 'hi' );
}

Or:

$('.formSortable').children('.formItem.selected').length == 0 || alert( 'hi' );

Answer 2

if ($('.formSortable').find('.formItem').hasClass('selected')) {
                   alert("hi");
               }

you missed . to formitem.

Answer 3

(.) formitem

Answer 4

dot formItem

if ($('.formSortable').find('.formItem').hasClass('selected')) {
   alert("hi");
}

.length jquery

if ($('.formSortable').find('.formItem.selected').length) {
   alert("hi");
}

DEMO

Answer 5

find('formItem'):

if ($('.formSortable').find('.formItem').hasClass('selected')) {
    alert("hi");
}

Answer 6

find('.formItem') - . , find('formItem').

if ($('.formSortable').find('.formItem').hasClass('selected')) {
     alert("hi");
}

Answer 7

'.formItem'

if ($('.formSortable').find('.formItem').hasClass('selected')) {
                   alert("hi");
               }