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