jquery - 从我的函数中删除 HTML

标签 jquery json each

使用 JSON,我已成功将结果检索为对象。经过一番努力,我终于让它发挥作用了。不过,我非常感谢任何帮助“清理”解决方案的帮助,因为我读过,作为最佳实践,您应该始终将 HTML 和 jQuery 分开。

代码片段可以在下面的链接中找到:

http://jsfiddle.net/xunZU/

var results = $.map(data.GSP.RES.R, function (result) {
    return {
        title: result.T,
        snippet: result.S,
        url: result.U
    };

}); //var results

$.each(results, function (index, obj) {
    $('#results_holder').append('<h2><a href="' + obj.url + '">' + obj.title + '</a></h2>' + '<p>' + obj.snippet + '</p>');
}); //each

最佳答案

如果您经常做这种事情,我发现模板库的使用非常有帮助。个人使用handlebars.js。使从 JavaScript 中分离标记变得非常简单。

http://handlebarsjs.com/

关于jquery - 从我的函数中删除 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15669293/

相关文章:

javascript - 在没有 JavaScript 的情况下将灵活的容器设置为图像的宽度和高度

javascript - 在异步函数中检测对全局变量的更新

php - 通过 PHP 获取具有重复键的 JSON 数据

jQuery 在 .each() 中操作对象

jquery - 难以从 HTML 字符串中查找特定 Span 的内部文本

javascript - each() 函数在 JQuery 中跳过并且对数组不执行任何操作

javascript - 可扩展的多选下拉列表

javascript - 使特定的 <select> 选项自动选中并禁用另一个表单字段中的复选框

Python openweather, json - 按城市名称获取天气 - 我怎么能说城市不正确?

java - 从文本文件中提取 JSON 字符串,其中 JSON 字符串不以逗号分隔