根据XML文件中的元素创建新的div标签

Question

我创建了一个粘滞便笺功能，可以（很快）让我将数据写入文本字段并将其保存在xml文件中。

现在我有一个XML文件中的一些信息，我想在笔记输出，

的问题是，我想每个元素在不同的音符。 现在它将整个xml文件读入一个音符。

这是XML文件

<?xml version="1.0"?> 
<notes> 
    <note> 
    <text>Hello, Yes this is dog!</text> 
    </note> 
<note> 
    <text>Hello,this is cat!</text> 
    </note> 
</notes> 

/这应该是两个音符/

，这是我的Jquery和Ajax功能

function corporateData() { 
     var note = '<div class="note">'; 
     note += '<div class ="note-drag">' + '</div>'; 
     note += '<textarea>' + '</textarea>'; 
     note += '<div class="note-close">' + '</div>'; 

     $("#wrapper").append(note); 



    $.ajax({ 
     url: "write.xml", 
     dataType: "xml", 
     success: function(data) { 

      $(data).find("note").each(function() { 
       var info = $(this).find("text").text(); 
       $("textarea").append(info); 
      }); 
     }, 
     error: function() { 
      $("textarea").children().remove(); 
      $("textarea").append("<li>Error</li>"); 
     } 
    }); 
} 

任何想法？

Answer 1

尝试：

function corporateData() { 

    $.ajax({ 
     url : "write.xml", 
     dataType : "xml", 
     success : function (data) { 

      $(data).find("note").each(function() { 
       var info = $(this).find("text").text(); 

       var note = '<div class="note">'; 
       note += '<div class ="note-drag">' + '</div>'; 
       note += '<textarea>' + '</textarea>'; 
       note += '<div class="note-close">' + '</div>'; 

       $(note).find("textarea").text(info); 

       $("#wrapper").append(note); 
      }); 
     }, 
     error : function() { 
      $("textarea").children().remove(); 
      $("textarea").append("<li>Error</li>"); 
     } 
    }); 
}