2013-04-29 88 views
2
<ul id="bad-drifting"> 
    <li>text</li> 
</ul> 

http://jsfiddle.net/wZ8MC/2/jQuery的,如果有()选择做的东西

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 ...这是一个错误,或者我错过了什么?

回答

5

这是因为has返回一个jQuery对象和对象是一个JavaScript truthy值,你应该使用length属性:

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

你会认为一个名为has()的函数会返回true或false ..不过谢谢! – OZZIE 2013-04-29 11:33:32

+0

是的,它可以被理解为whichHas。 – undefined 2016-12-22 13:25:23

+0

。.has()函数与.children('em')将是相同的点是什么 – OZZIE 2017-12-21 23:39:35

1

您需要检查length因为jQuery('#bad-drifting li:has(em)')返回一个jQuery对象,这将是永远truthy。

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

我落得这样做是这样的:

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

检查jQuery的 “收藏” 的长度:

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

否则它永远是真实的,因为什么jQuery返回始终是truthy

相关问题