Как ссылаться на два элемента div для одной функции?

Question

У меня есть функция, которая ссылается на конкретное текстовое поле ввода. Я хотел бы расширить функцию, которая будет использоваться двумя конкретными текстовыми полями ввода. Вместо того, чтобы дублировать код для другого текстового поля, кто-нибудь может посоветовать, как ссылаться на другое?

Здесь он использует #Tags, но если бы я хотел, чтобы он также ссылался на # Tags2, как я мог это сделать?

$(function () {</p> <p>$('#Tags').tagSuggest({ separator: ", ", tagContainer: 'div', tags: ["tag1","tag2"] }); });

Answer 1

Для этого просто используйте запятую (a.k.a. множественный селектор ), это работает для любого количества селекторов.

$("#Tags, #Tags2").tagSuggest({ 
  separator: ", ", 
  tagContainer: 'div', 
  tags: ["tag1","tag2"] }); 
});

Здесь есть список всех селекторов и хорошее учебное пособие по запуску, которое вы должны проверить здесь .

Существует другой подход, который не нужен для вашего примера, но если у вас было много элементов, которые вы хотите сопоставить, или неизвестное число и т. Д. ... тогда используйте класс, такой как:

<div class="tags"></div>

И вы можете выбрать все элементы, которые имеют этот класс, используя селектор .class , например:

$(".tags").tagSuggest({ 
  separator: ", ", 
  tagContainer: 'div', 
  tags: ["tag1","tag2"] }); 
});