Jquery加载内容的次数太多

在某人的帮助下，我创建了一个脚本，在页面中加载JSON内容。问题是内容被加载的次数太多，而不是一次。这是jquery函数，包含在名为main.js的文件中的页面标题中：

    function bakVorm(page,targetClass)
     {
     $.getJSON('http://shop.com/'+page+'/?format=json', function(data){
      var text = ''
      $.each(data.textpage, function(index, text){
      $(text).html('' + text + '').appendTo(targetClass);
});
});

在产品页面上，我尝试使用以下代码加载div中的内容：

$(function(){
bakVorm('vraag','.eigenschappen');
bakVorm('test','.verzendkosten');
});

问题是在相应的div中加载内容的次数太多。可能脚本没有停止或其他什么

---

欢迎提供任何帮助

尝试在代码中清空targetClass：

function bakVorm(page,targetClass)
 {
 $.getJSON('http://shop.com/'+page+'/?format=json', function(data){
  var text = ''
  $.each(data.textpage, function(index, text){
  $(targetClass).empty().append(text);
  });
});

或者尝试不使用

append

function bakVorm(page,targetClass)
 {
 $.getJSON('http://shop.com/'+page+'/?format=json', function(data){
  var text = ''
  $.each(data.textpage, function(index, text){
  $(targetClass).html(text);
  });
});

在这一行

$(text).html('' + text + '').appendTo(targetClass);

您正在将文本的内容添加到文本中的每个顶级节点，因此如果文本是

 <div></div><p></p>

---

啊，好极了！谢谢你直截了当的解释。这是有道理的！

<div><div></div><p></p></div><p><div></div><p></p></p>

$(text).appendTo(targetClass);