Jquery：自動完成與.each（）

我想添加自動完成（http://jqueryui.com/autocomplete/）與.each（）。Jquery：自動完成與.each（）

基本上多個輸入用相同的id，並用相同的自動完成數據。

的Jquery：

$(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 
     }); 
    }); 
});

這可能嗎？

來源

2013-08-20 designtocode

元素的ID應該是唯一的，所以不可能將ID更改爲類。

如果存在具有相同ID的多個元素的ID選擇器將返回第一個元素的ID，也不會尋找其他元素

也沒有必要在這裏使用.each()，你可以只是說$(".tags").autocomplete(...)，小部件會做迭代內部

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

然後

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

演示：Fiddle

來源

2013-08-20 10:06:02

這個作品謝謝你，但你有更好的解釋嗎？ http://jsfiddle.net/msbodetti/ajuHL/1/ – designtocode

@msbodetti一個ID選擇器只會匹配第一個匹配項，因爲首先應該只有一個匹配項（它們是「標識符」）。如果您需要使用相同參考的多個項目，則需要使用一個類別 - 因此，您將所有項目標記爲共享特定分類。 –

謝謝！將接受這個答案，並感謝你解釋@AdrianWragg和Arun – designtocode

Jquery：自動完成與.each（）

回答

相關問題