jquery - Comment référencer deux éléments div pour une seule fonction?

Question

I Possède une fonction qui référence une zone de texte spécifique. Je voudrais étendre la fonction à utiliser par deux zones de texte d'entrée spécifiques. Plutôt que de dupliquer le code de l'autre boîte de texte, quelqu'un peut-il vous conseiller sur la façon de référencer l'autre?

Ici, il utilise #Tags, mais si je voulais aussi faire référence à # Tags2, comment pourrais-je faire cela?

$(function() {

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

Answer 1

Pour ce faire, il suffit d'utiliser une virgule (the multiple selector a.k.a.), cela fonctionne pour un certain nombre de sélecteurs.

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

There's a list of all selectors here et a good start-up tutorial you should check out here.

Il y a une autre approche, ne sont pas nécessaires pour votre exemple vraiment, mais si vous avez eu beaucoup d'éléments que vous vouliez faire correspondre, ou un nombre inconnu, etc ... puis utilisez une classe, comme ceci:

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

Et vous pouvez sélectionner tous éléments qui ont cette classe en utilisant la .class selector, comme celui-ci:

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