jQuery ui自动完成数组应该来自text()

时间:2015-07-17 13:57:20

标签: jquery html jquery-ui

jQuery ui自动完成数组应该:

find fiddle demo

var availableTags = [
    "How are you doing?",
    "What are you doing?",
    "What did you eat today?",
    "Be Yourself",
    "Try new things"
];

这些变量应来自.text()问题形式的标记。

<a class="toggle FAQCategory" href="">How are you doing?</a>
<a class="toggle FAQCategory" href="">What are you doing?</a>
<a class="toggle FAQCategory" href="">What did you eat today?</a>
<a class="toggle FAQCategory" href="">Be Yourself</a>
<a class="toggle FAQCategory" href="">Try new things</a>

我希望你得到我想要的东西。

我不希望jQuery ui数组中的静态输入它应该是动态来源的每个问题文本。

find fiddle

2 个答案:

答案 0 :(得分:1)

由于source需要数据作为数组而.map()返回一个数组并且可以像这样使用

source: function( request, response ) {
  // .map will iterate through each .FAQCategory element and return its text content 
  // and automatically pushes into an array
  var data = $('.FAQCategory').map(function(){ return $(this).text(); }); 
  response( data );
}

更新了演示 http://jsfiddle.net/dhirajbodicherla/fdyz3whd/2/

答案 1 :(得分:1)

在我看来,你可以保留availableTags数组。 这样做,

var availableTags =[];
$(".FAQCategory").each(function(){
 availableTags.push($(this).text());
 });

所以availableTags将使用类FAQCategory迭代所有锚标签。希望它有所帮助。