jquery - 如何为单个函数引用两个 div 元素？

Question

我有一个引用特定输入文本框的函数。我想扩展两个特定输入文本框使用的功能。与其复制另一个文本框的代码，谁能建议如何引用另一个文本框？

这里它使用#Tags，但如果我想让它也引用#Tags2，我该怎么做呢？


$(函数(){





$('#Tags').tagSuggest({
分隔器: ”， ”，
标签容器:'div'，
标签:[“tag1”，“tag2”]
});
});


Answer 1

为此只需使用逗号(又名 the multiple selector )，这适用于任意数量的选择器。

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

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

还有另一种方法，您的示例实际上不需要，但是如果您有很多要匹配的元素，或者未知数字等...那么使用一个类，如下所示:

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

并且您可以使用 .class selector 选择具有该类的所有 元素，像这样:

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