Как получить только один элемент по определенному условию?

Question

У меня есть этот HTML:

<input type="text" value="" /> 
<input type="text" value="" /> 
<input type="text" value="" /> 

Я хочу, чтобы выбрать только первое поле ввода с value="". Как я могу это сделать?

Answer 1

Вы можете использовать комбинацию атрибута и :first селектора:

$('input[value=""]:first') 

или метод first():

$('input[value=""]').first(); 

И возвратит вам тот же элемент.

Если нет value атрибут не определен вам нужно будет использовать filter() для получения значения через JQuery/DOM объекта непосредственно:

$('input').filter(function() { 
    return this.value == ''; 
}).first(); 

Answer 2

Вы можете сделать $("input[value=""]:first")