Question

我试图在jquery中创建一个自动提示功能（只是实验性的jquery noob），我使用$（el）.html函数来渲染出正在提供的数据：

$("#suggestions").addClass("active");
     var words = $(this).val();
     var results = searchData(questions,words);
     $("#suggestions").html(function () {
            _.each(results, function(q, key){
                return "<p>" + q.question + "</p>"; // problem is here
            });
        });

完整的工作代码在这里：http://jsfiddle.net/HSBWt/6/ 我似乎不知道出了什么问题？

Answer 1

问题在于each功能中的html声明。

We can break the $.each() loop at a particular iteration by making the callback function return false. Returning non-false is the same as a continue statement in a for loop; it will skip immediately to the next iteration.
reference

修复以下代码：

var suggestions;
_.each(results, function(q, key){
    suggestions += "<p>" + q.question + "</p>";
});
return suggestions;

demo

Answer 2

http://jsfiddle.net/HSBWt/9/

使用map函数返回对象数组

Answer 3

来自_each的结果未在html中使用。您需要保存并返回结果字符串：

var results = [];
_.each(results, function(q, key){
  console.log(q.question);
  results.push("<p>" + q.question + "</p>");
});
return results.join('');

html jquery函数不能用于keydown事件？

3 个答案: