Question

<ul id="bad-drifting">
    <li>text</li>
</ul>

http://jsfiddle.net/wZ8MC/2/

jQuery(document).ready(function() { 
    if (jQuery('#bad-drifting').has('em')) {
        jQuery('#bad-drifting').css({'color': 'red'});
        jQuery('#bad-drifting').css({'font-weight': 'bold'});
    }
});

http://jsfiddle.net/Xzn6y/

jQuery(document).ready(function() { 
    if (jQuery('#bad-drifting li:has(em)')) { // .has('em')
        jQuery('#bad-drifting').css({'color': 'red'});
        jQuery('#bad-drifting').css({'font-weight': 'bold'});
    }
});

我想要做的不只是设置一些CSS，而是进行更复杂的更改，但我无法弄清楚为什么这总是会返回真实...这是一个错误还是我错过了什么？

Answer 1

那是因为has返回一个jQuery对象而一个对象是JavaScript中的真值，你应该使用length属性：

if (jQuery('#bad-drifting').has('em').length) {

Answer 2

您需要检查length，因为jQuery('#bad-drifting li:has(em)')会返回一个始终真实的jQuery对象。

if (jQuery('#bad-drifting li:has(em)').length) { // .has('em')

Answer 3

if (jQuery('#bad-drifting').has('em')[0]) { // do Stuff

Answer 4

我最终这样做了：

if (jQuery('#bad-drifting em').length > 0) {
    console.log('we have some errors');
}

Answer 5

检查jQuery“集合”的长度：

 if (jQuery('#bad-drifting li:has(em)').length > 0) { // There is at least one element

否则它将永远是真的，因为jQuery返回的总是 truthy 。

jQuery if has（）选择器做的东西

5 个答案: