jquery - Jquery：使用 .each() 自动完成

Question

我正在尝试使用 .each() 添加自动完成（http://jqueryui.com/autocomplete/）。

我有一个 FIDDLE 不工作。

基本上具有相同 id 和相同自动完成数据的多个输入。

查询：

 $(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
     $("#tags").each(function(){
        $(this).autocomplete({
            source: availableTags
         });
     });
});

这可能吗？

Answer 1

一个元素的 ID 应该是唯一的，所以不可能，将 id 更改为一个类。

如果有多个元素具有相同的 id，则 id-selector 将返回第一个具有 id 的元素，它不会寻找其他元素

这里也不需要使用.each()，你可以说$(".tags").autocomplete(...)，小部件将在内部进行迭代

Input
<input class="tags" />
Another Input
<input class="tags" />

然后

$(".tags").autocomplete({
    source: availableTags
});

演示：小提琴