Question

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<ul>
  <li><strong>list</strong> item 1 -
    one strong tag</li>
  <li><strong>list</strong> item <strong>2</strong> -
    two <span>strong tags</span></li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
  <li>list item 6</li>
</ul>

<script type="text/javascript">
$('li').filter(function(index) {
  return $('strong', this).length == 1;
}).css('background-color','red');
</script>

</body>
</html>

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

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

如果我删除“强”这个词会怎么样？

Answer 1

它将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

Answer 2

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

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

2 个答案: