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

时间:2013-03-15 11:06:40

标签: jquery xml ajax

我创建一个便利贴功能,可以(很快)让我将数据写入文本字段并将其保存在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>");
        }
    });
}

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

尝试:

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