javascript - 找到一个类的第一个实例的id

Question

我有一些输入的...有些有类，有些没有。这些类是任意分配的(带有“.error”，在表单提交失败时给您一个想法)。

如何找到该类出现的第一个实例的 ID？

例如:

<input id="firstName" type="text" name="firstName" class="text" value="" />
<input id="lastName" type="text" name="lastName" class="text error" value="" />
<input id="email" type="text" name="email" class="text" value="" />
<select name="gender" class="error">
    <option value=""></option>
    <option value="male">Male</option>
    <option value="female">Female</option>                          
</select>

您会注意到，select 标记上还有一个 error 类。因此，在这种特殊情况下，我需要找到 ID“lastName”，因为这是第一次出现带有类“error”的元素。

谢谢!

Answer 1

试试这个

$('.error').first().attr('id')

如其他答案所述，使用 css 选择器 :first :

$('.error:first').attr('id')

请记住，如果没有 id 属性或没有包含“error”类的元素，结果可能是 undefined