jquer自動完成

Question

怎麼做HTML表格的jQuery自動完成

我有文本框

<input type="text" value="" id="txtInput"/> 

和下面我有HTML表格

<table> 
    <tr> 
     <td>Name1</td> 
     <td>1</td> 
    </tr> 
    <tr> 
     <td>Name2</td> 
     <td>2</td> 
    </tr> 
    <tr> 
     <td>Name3</td> 
     <td>3</td> 
    </tr> 
</table> 

我使用jQuery的自動完成，如何從表格第一個td過濾，我已經嘗試用下面的腳本，但沒有工作。

var arrLinks = $('#tblData td:first').map(function() { 
    return $(this).text(); 
}).get(); 
$("#search_by_team").autocomplete({ 
    source: function (response) { 
     $('#tblData').map(function() { 
      return $(this).find('td:first').text(); 
     }); 
    }, 

}); 

Answer 1

'#tblData td：first'將只選擇一個td元素，它是第一個td，在本例中爲Name1。 選擇所有第一TDS

var arrLinks = $('#tblData tr').map(function() { 
    return $(this).find('td:first').text(); 
}).get(); 

校驗碼筆：https://codepen.io/meharaj/pen/KmZEaJ?editors=1011

Answer 2

var arrLinks = $('#tblData td:first').map(function() { 
return $(this).text();}).get(); 
$("#search_by_team").autocomplete({ 
source: arrLinks });