Javascript 循环一个函数还是使用多个？

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

我还有三个div，.1.2和.3

如何将data.one附加到div.one等所有三个div和数据，而不为所有三个div重复这样的代码

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

我自己的想法是制作一个重复的函数，但我不知道如何实现

我想这不是一个大问题，只有三个字符串和div，但我正在建设的网站正在使用更多的字符串和div，我希望代码看起来干净。

---

提前谢谢

您可以创建这样的函数：

function addToElement(key,val) {
 $('.'+key).append(val);   
}

然后像这样称呼它：

$.each(data, addToElement);

Info:由于$的第二个参数。每个参数都是回调函数，其参数由jQuery自动填充。您将获得当前元素的键和值

您也可以这样做：

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

不要使用单独的函数

---

请勾选此项：

有关简单的特定示例：

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

---

请添加来自ajax请求的数据结果示例使用带有两个输入参数的函数：函数

process（divName，data）

和

数据上的过程（loop），并将其添加到
divName
。在您的脚本中，您知道计数吗？像上面的例子一样，计数是3。另外，我假设21是21。我的假设正确吗？那是回拨。它们是使用jQuery的
$自动传递的。这是编写
$的更好方法。每个（数据、函数（key、val）{…}）啊，我从来没有意识到需要回调函数，这是我的错误。投赞成票。好的，我用你的方法让它工作了，非常感谢！如何为从数据库中获取的值分配一个键？我是否需要创建一个新对象并将它们匹配在一起，还是应该在后端执行此操作？很难回答这个问题，因为存在许多依赖项。最好的选择是在从数据库获取数据时以某种方式分配它们。不过，我的错。。我想我总算成功了！再次感谢！