布爾與jQuery

Question

我有這樣的代碼

<main class="ok">My text</main> 

<script> 

$(document).ready(function() { 

    if ($('body').not('main.ok')) { 
    // or if (Boolean ($('main.ok')) == false) { 

     // Main element not available 
     alert (' Main element with "OK Class" not available '); 

    } else { 

     alert (' Main element with "OK Class" available '); 

    } 

}); 

</script> 

但是這個代碼不工作！

，並用 「OK級」 不可用警報

主要元素

那麼將u人建議我？

Answer 1

hasClass()使用

確定是否有任何匹配的元素被分配給定的類。

$('body main').length && $('body main').hasClass('ok') 

CODE

if ($('body main').length && $('body main').hasClass('ok')) { 
    alert(' Main element with "OK Class" available '); 
} else { 
    alert(' Main element with "OK Class" not available '); 
} 

Answer 2

您可以創建.length沿元素選擇檢查元素的存在與否：

if ($('body main.ok').length) { 
    alert (' Main element with "OK Class" not available '); 
} else { 
    alert (' Main element with "OK Class" available '); 
} 

Answer 3

not()返回一個jQuery對象。嘗試添加length以你的條件，並使用find()代替

if (!$('body').find('main.ok').length) 

Answer 4

爲什麼使用body？您只需使用：$("main.ok").length：

alert($("main.ok").length 
? 'Main element with "OK Class" available' 
: 'Main element with "OK Class" not available'); 

Answer 5

$(document).ready(function() { 
    if ($('body main').hasClass('ok')) { 
     alert (' Main element with "OK Class" not available '); 
    } else { 
     alert (' Main element with "OK Class" available '); 
    } 

});