javascript - jQuery if has() 选择器做的事情

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，而是进行更复杂的更改，但我不明白为什么这总是返回 true...这是一个错误还是我错过了什么？

Answer 1

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

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