'＆gt;'是什么在jQuery中查找？

Question

我正在尝试破译以下代码行

.find('> li ul:visible')

我无法弄清楚'＆gt;'是什么实现。我在搜索文档时遇到问题

Answer 1

它的作用是根据提供的选择器找到当前元素的所有直接子元素。

假设我们有

<ul id="example">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>
    <ul>
      <li>Item 3</li>
    </ul>
  </li>
</ul

如果我搜索$("#example").find('>li')，我只会找到第1项和第2项的两个li。项目2.由于<li>与Item3不是我们目标<ul>的直接子项，因此不匹配。

Answer 2

它是子选择器的定义，与css相同，例如：请参阅jQuery selector AND operator，了解如何选择表体内不在标题中的行。

您的示例是查找作为列表元素的子元素

另请参阅@bzlm

建议的API文档http://api.jquery.com/child-selector/

Answer 3

>是一个子选择器，因此它会找到可见 ul，它是li的后代选择器的直接子项......

  

子选择器

     

描述：选择由“parent”指定的元素“child”指定的所有直接子元素。

因此，当>位于find函数中时，父项是选择器中的元素。

<强> BUT !!它被弃用了，因为docs说：

  

注意：$("> elem", context)选择器将在以后的版本中弃用。因此不鼓励使用其替代选择器。