Как найти все автозаполнения jqueryui, зарегистрированные в div?

Question

У меня есть div, который содержит различные неизвестные входные данные.Некоторые из этих входов могут быть или не быть зарегистрированы как текстовые вводы автозаполнения jqueryui.Как найти зарегистрированные автозаполненные объекты и уничтожить их, используя метод .autocomplete ('destroy')?

Answer 1

Метод 1

Виджеты пользовательского интерфейса jQuery (и другие), созданные с помощью Widget Factory, автоматически определяют псевдо-селектор:

$('input:ui-autocomplete').autocomplete('destroy');

и он получит входы, к которым прикреплен экземпляр автозаполнения.

Обратите внимание, что работает только с виджетами, созданными с использованием jQuery UI Widget Factory (и другими, которые явно реализуют такое поведение). Внутри библиотеки jQuery UI несколько виджетов не реализуют эту фабрику, как, например, Datepicker, но Autocomplete делает.

Метод 2

Плагин автозаполнения добавляет класс css `.ui-autocomplete-input 'к полям ввода, которые были инициализированы плагином, поэтому вы также можете сделать:

$('.ui-autocomplete-input').autocomplete('destroy');

Answer 2

Предполагая, что у вашего div есть идентификатор, используйте следующий селектор: #your_div_id .ui-autocomplete-input