jQuery选择器中逗号的含义是什么

     
  • list item 1 - one strong tag
  • list item 2 - two strong tags
  • list item 3
  • list item 4
  • list item 5
  • list item 6
$('li').filter(function(index) { return $('strong', this).length == 1; }).css('background-color','red');

鉴于上面的HTML,下面的选择器中逗号的含义是什么?

 return $('strong', this).length == 2; 

如果我删除“强”这个词,会发生什么?

this设置为执行查询的上下文。

一种等效(并且稍微更有效)的方式是:

 return $(this).find('strong').length == 2; 

当我说同等的,我的意思是在幕后,它实际上翻转到上面的版本。

如果删除'strong' ,则没有有效的选择器。 你会做的:

 return $(this).find('').length == 2; 

看起来它只返回一个空的jQuery对象,这意味着length将为0 ,因此你不会从.filter()获取任何元素。


参考

http://api.jquery.com/jQuery/

jQuery(selector [,context])

上下文

输入:Element或jQuery

用作上下文的DOM元素,文档或jQuery

如果删除STRONG标记,它将检查LI是否包含字符串1字符长,无论它们是否封装在STRONG标记内。 在这种情况下,不会突出显示任何结果。 选择器如$(’strong’,this)和$(this).find(’strong’)几乎相同。