使用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的数目是可变的。
你的class名称不正确，你有一个. 在class=".proejct-text-field ..."
此外，您还可以使用.first()来选择喜欢的第一个元素
$('.proejct-text-field').first();
您不能选择nth-of-class ，因为没有这样的方式来选择nth与元素class ，所以你的选择应该工作，但因为你必须拿出时期，它没有. 从class DOM中的名称）*
演示
演示2 （使用jQuery .first()
在第n-的类型选择器寻找元素类型，像div, span等不是类名或任何其他选择
使用：当量（指数）
jQuery('.proejct-text-field:eq(0)')
或.EQ（指数）
jQuery('.proejct-text-field').eq(0)
首先改变的标记了这个
<div class="proejct-text-field ...">...<> <!-- removed `.` -->
代替
<div class=".proejct-text-field ...">...<>
并使用.first()如果你想第一
jQuery('div.proejct-txt-field').first();
的:nth-of-type()选择 “选择是他们相对于具有相同元素名兄弟姐妹父母的第n个子所有元素。” - 但你表示你的元素“不裹成一定的父元素”，即，它们具有相互之间没有特定的关系。
如果你只是想用这个类的第一个元素做到这一点：
jQuery('.proejct-text-field').first()
// or
jQuery('.proejct-text-field').eq(0)
// or
jQuery('.proejct-text-field:first')
// or
jQuery('.proejct-text-field:eq(0)')
请注意，您应该删除. 从你的类名class=""属性的标记。 也就是说，它应该是：
class="proejct-text-field"
（而你拼写为“项目”错误地无处不在。）
首先，你有一个. 在你的类名称，这是不必要的...只是使它proejct相反的nth-of-child ，使用:eq ，像这样
<div class="proejct-txt-field"></div>
和你的jQuery
jQuery('.proejct-text-field:eq(0)');
要么
jQuery('.proejct-txt-field').first();
