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

Question

我有一个引用特定输入文本框的函数。我想扩展两个特定输入文本框使用的函数。而不是复制其他文本框的代码，任何人都可以建议如何引用另一个文本框？

这里它使用#Tags，但是如果我也希望它引用＃Tags2，我怎么能这样做？

$(function () {

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

Answer 1

为此，只需使用逗号（a.k.a。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"] }); 
});