javascript - 循环一个函数还是使用多个?

标签 javascript jquery html append

我正在使用 ajax、data.one、data.two 和 data.three 从 mysql 数据库中获取一些数据。每个都有不同的字符串。

我还有三个 div,.one、.two 和 .three。

如何在不对所有三个 div 重复这样的代码的情况下,将 data.one append 到 div .one 等等所有三个 div 和数据?

$('.one').append(data.one);
$('.two').append(data.two);
$('.three').append(data.three);

我自己的想法是做一个重复的函数,但我不知道如何实现..

我想这对于只有三个字符串和 div 来说没什么大不了的,但我正在构建的网站使用了更多它们,我希望代码看起来干净。 提前致谢!

最佳答案

对于那个简单的特定示例:

$.each(data, function(key, value){
    $('.'+key).append(value);
});

JSFiddle

关于javascript - 循环一个函数还是使用多个?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31893236/

相关文章:

javascript - 如何隐藏和显示模式的内容?

javascript - 重复项的两个总和问题 - 更惯用的 Javascript 解决方案

javascript - html() 似乎不适用于 li 中的 span 元素

javascript - Grails:模态 div 内的 g:uploadForm 抑制提交

html - Aside 元素到指定点之后

javascript - Chrome 应用程序将 JSON 作为字符串读取

jQuery 每 30 秒刷新一次

javascript - 通过 jQuery 在悬停时向 setInterval 添加停止

javascript - 半圆动画从按钮单击开始

javascript - 删除没有文本 INPUT 值的 P 文本