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

Question

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

0

Как мне это получить:

var address = document.getElementById('address1');
var autocomplete = new google.maps.places.Autocomplete(address);

С помощью jQuery:

$('.addressClass input')

Предположим, у меня есть входной тег с классом: addressClass. Просто не уверен, как применить функцию автозаполнения JS с помощью jQuery. Как получить элемент тега с помощью jQuery. Я просто не могу это сделать:

var autocomplete = new google.maps.places.Autocomplete($('.addressClass input'));

Есть идеи?

Qwerty 14 март 2014, в 12:07

Источник

0

У меня было уведомление о третьем ответе, но я не вижу ответа здесь ... Не уверен, что этот ответ был удален.
Qwerty 14 март 2014, в 12:42

Теги:

javascript

jquery

html

google-maps

2 ответа

1

Вы можете получить доступ к input ссылке Dóm через индекс 0

var autocomplete = new google.maps.places.Autocomplete($('.addressClass input')[0]);

или вы можете использовать .get()

var autocomplete = new google.maps.places.Autocomplete($('.addressClass input').get(0));

Arun P Johny 14 март 2014, в 09:19

Ещё вопросы

У меня было уведомление о третьем ответе, но я не вижу ответа здесь ... Не уверен, что этот ответ был удален.

Satpal · Accepted Answer · 2014-03-14T09-35-00.000Z

Вы можете использовать .get(), он извлекает элементы DOM, соответствующие объекту jQuery.

var autocomplete = new google.maps.places.Autocomplete($('.addressClass input').get(0));

ИЛИ

Вы можете получить доступ к элементу, используя индекс [0]

var autocomplete = new google.maps.places.Autocomplete($('.addressClass input')[0]);

Ни один не работает: jsfiddle.net/4e6fH/3 Почему это? Если я использую селектор идентификатора, такой как: jsfiddle.net/4e6fH/1, он работает нормально