带有 nth-of-type() 的 jQuery 选择器

Question

使用 Chrome 开发工具

jQuery('.proejct-text-field')

给我四个 HTML 元素实例：

<div class=".proejct-text-field ...">...<>
<div class=".proejct-text-field ...">...<>
<div class=".proejct-text-field ...">...<>
<div class=".proejct-text-field ...">...<>

尝试以下不会返回任何元素。

jQuery('.proejct-text-field:nth-of-type(1)')

至于我的理解，应该返回第一个元素。我只是使用 jQuery 来为我的目的找到正确的选择器并将它们放入我的 css 文件中。那么如何选择这些 Div 的第一个 Elment。顺便说一句：它们没有被包装到某个父元素中。所以任何子方法都不起作用。此外，div 的数量是可变的。

Answer 1

的第n-的型选择器查找元素类型，像div, span等不为类名或任何其他选择

使用:eq(index)

jQuery('.proejct-text-field:eq(0)')

或.eq(index)

jQuery('.proejct-text-field').eq(0)