動態擷取使用AJAX

Question

每個錶行匹配的數據下面的行是動態生成

<input id="soid0" name="soid[0].name" type="text" /> 
<input id="soid1" name="soid[1].name" type="text" /> 
<input id="soid2" name="soid[2].name" type="text" /> 

而且當我在文本字段遍歷的Ajax查詢應調用後端，並獲得匹配的數據，如果任何存在

$(document).ready(function() { 
     $("#soid0").autocomplete({ 
      source: "/myapp/soid.htm" 
     }); 

    }); 

該查詢的工作原理，但我希望它適用於所有動態生成的行#soid0,#soid1？總之，我需要一個適用於所有文本字段的查詢。

感謝

Answer 1

通過屬性選擇

---

結合的^開始有選擇使用屬性選擇器。

$(document).ready(function() { 
    $('input[name^="soid"]').autocomplete({ 
     source: "/myapp/soid.htm" 
    }); 
}); 

注意，jQuery的文檔建議不要時可以使用的類這個選擇，他說：

但是它會比如果可以的話，使用類選擇這樣的槓桿作用 類慢，以羣像元素。

按類別（優選方法）

---

或應用類給每個輸入：

HTML

<input id="soid0" class="soid" name="soid[0].name" type="text" /> 
<input id="soid1" class="soid" name="soid[1].name" type="text" /> 
<input id="soid2" class="soid" name="soid[2].name" type="text" /> 

的Javascript

$(document).ready(function() { 
    $('.soid').autocomplete({ 
     source: "/myapp/soid.htm" 
    }); 
}); 

通過標籤

---

或者，如果這些頁面上的唯一輸入，使用標籤選擇：

$(document).ready(function() { 
    $('input').autocomplete({ 
     source: "/myapp/soid.htm" 
    }); 
}); 

工作實例http://jsfiddle.net/QqeLp/