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

Jquery 根据XML文件中的元素创建新的div标记,jquery,xml,ajax,Jquery,Xml,Ajax,我正在创建一个便笺功能,它(很快)将允许我将数据写入文本字段并将其保存在xml文件中 现在我在一个xml文件中有一些信息,我想输出到notes中 问题是我希望每个元素都有不同的注释。 目前,它将整个xml文件读入一个注释中 这是xml文件 <?xml version="1.0"?> <notes> <note> <text>Hello, Yes this is dog!</text> </note> <

我正在创建一个便笺功能,它(很快)将允许我将数据写入文本字段并将其保存在xml文件中

现在我在一个xml文件中有一些信息,我想输出到notes中

问题是我希望每个元素都有不同的注释。 目前,它将整个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>");
        }
    });
}
函数corporateData(){
var注释=“”;
注+=''+'';
注+=''+'';
注+=''+'';
$(“#包装”)。追加(注);
$.ajax({
url:“write.xml”,
数据类型:“xml”,
成功:功能(数据){
$(数据)。查找(“注释”)。每个(函数(){
var info=$(this.find(“text”).text();
$(“文本区域”)。附加(信息);
});
},
错误:函数(){
$(“textarea”).children().remove();
$(“textarea”)。追加(“
  • 错误”
  • ”; } }); }
    有什么想法吗?

    试试:

    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>");
            }
        });
    }
    
    函数corporateData(){
    $.ajax({
    url:“write.xml”,
    数据类型:“xml”,
    成功:功能(数据){
    $(数据)。查找(“注释”)。每个(函数(){
    var info=$(this.find(“text”).text();
    var注释=“”;
    注+=''+'';
    注+=''+'';
    注+=''+'';
    $(注).find(“textarea”).text(信息);
    $(“#包装”)。追加(注);
    });
    },
    错误:函数(){
    $(“textarea”).children().remove();
    $(“textarea”)。追加(“
  • 错误”
  • ”; } }); }
    哦,对不起,我打错了。但是现在我没有从xml中获得任何信息。