Как иметь одну и ту же дублированную структуру DIV, но разрабатывая разные данные XML в каждом DIV ⇐ Jquery

[Anonymous]

Я делаю некоторое приложение, которое загружает данные из файла XML. Он работает, если есть одна соответствующая структура DIV и один путь XML. Но я хочу иметь несколько копий моей структуры Div, но каждый из них будет загружать различное содержание XML.
Я устал сделать это с помощью цикла, но он копирует каждые данные в обоих контенте. /> html: < /strong> < /p>

Код: Выделить всё

jQuery: [/b]

Код: Выделить всё

$(".data").each(function() {
var path = $(this).attr("data-xml");
$.ajax({
url: path,
dataType: "xml",
success: parse,
error: function() {
alert("Error: Something went wrong with loading the playlist!");
}
});

});

function parse(document) {
$(document).find("person").each(function() {
$(".data").append(
"Name: " +
$(document).find("name").text() +
"Title: " +
$(document).find("title").text() + "")
//$(document).find("name").text();
});
}

Как вы можете видеть в HTML, у меня есть точно такая же структура, но каждый из них связан с другими путями файла XML., В моем коде я хочу загрузить соответствующие данные на основе файла XML, с которым они связаны. но все еще не дает предполагаемый результат. Я тестировал в приведенном ниже коде и понял, что он не передает экземпляр XML функции Parse .

Код: Выделить всё

$(".data").each(function() {
// store element instance
var elem = $(this);
var path = $(this).attr("data-xml");
//console.log($el);

$.ajax({
url: path,
dataType: "xml",
success: function(xml){
parse(document, elem);
},
error: function() {
alert("Error: Something went wrong with loading the playlist!");
}
});

});

function parse(document, elem) {
console.log($(document).find("name").text());

$(document).find("person").each(function() {
//alert($el);
var $person = $(this);
elem.append(
"Name: " +
$person.find("name").text() +
"Title: " +
$person.find("title").text() + "")

});
}

есть идея?

Подробнее здесь: https://stackoverflow.com/questions/350 ... ml-data-in