检查类子类是否可用jquery

时间:2014-06-18 12:17:48

标签: jquery

<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类子类formItem是否具有选择类 我的jquery是

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

7 个答案:

答案 0 :(得分:4)

此:

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

或者这个:

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

应该可以正常工作。

但是,如果按照标题,你的意思是孩子的.formSortable&#39; ,那么请使用.children()代替.find()

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

或者:

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

答案 1 :(得分:3)

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

你在formitem之前错过了

答案 2 :(得分:3)

您错过了formitem

中的班级选择器(。)

答案 3 :(得分:2)

您错过了dot

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

或另一种可能性在jquery中找到.length

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

DEMO

答案 4 :(得分:2)

您在find('formItem')中缺少一个点:

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

答案 5 :(得分:2)

它应该是find('.formItem') - .类选择器,而不是find('formItem')

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

<强> Demo

答案 6 :(得分:2)

错过了班级选择器'.formItem'

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