Выбор входа, окруженного несколькими divs

Question

Есть ли способ выбрать только первое значение ввода?

<div class="whatever1"> 
     <div class="whatever2"> 
    <input type="text" id="whateverID" > 
    </div> 
</div> 

<div class="foo"> 
    <div class="whatever2"> 
    <input type="text" id="whateverID"> 
    </div> 
</div> 

Я не могу изменить ID, класс, имя любого div или ввода. Как я могу добраться до первого входа?

Это не работает

$('whateverID').first() 

Answer 1

Как я вижу, вы используете один и тот же идентификатор несколько раз, что недопустимо. Вы можете использовать идентификатор только один раз на странице.

И для выбора идентификатора необходимо указать # перед идентификатором.

И вы можете выбрать первый тип входного сигнала с помощью этого кода:

$("input[type=text]").first(); 

Или можно использовать:

$("input[type=text]").eq(0); 

ИЛИ

$("input[type=text]:eq(0)"); 

Выберите который вы хотите использовать.

Answer 2

Вы не можете использовать один и тот же идентификатор для двух элементов. Попробуйте выбрать их с помощью класса.

Больше общего: используйте $('#id') для выбора по ID, используйте $('.class') для выбора по классу в jQuery.

Если это первый вход на вашей странице, вы можете попробовать $('input[type="text"]').eq(0), чтобы выбрать его.

Answer 3

На странице должно быть не более одного идентификатора. используйте это, чтобы выбрать ur div.

$('#whateverID'); 

Возвращает HTML-объект.

$('#whateverID').val(); 

Возвращает значение поля ввода.

Answer 4

Try,

$('#whateverID:first').val();