根據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>"); 
     } 
    }); 
}