Использование AJAX для обхода динамических узлов XML и внедрения в набор элементов h2 с помощью jQuery

Question

Итак, у меня есть список узлов в динамическом XML, который кэшируется на сервере.Используя Ajax, я зацикливаюсь на определенных узлах, чтобы каждый раз возвращать строку:

XML:

<?xml version="1.0"?>
<Products>
    <Product>
        <ItemName>String</ItemName>
    </Product>
    <Product>
        <ItemName>String</ItemName>
    </Product>
    <Product>
        <ItemName>String</ItemName>
    </Product>
<Products>

jQuery:

$.ajax({
type: "GET",
url: '/services/Scraper.aspx',
success: function(data) {
    $(data).find('Product').each(function() {

        var itemSrc = $(this).find('ItemName').text();

    });
}
});

Как сделать инъекциюкаждая из этих строк приведена ниже в моем теге H2 (при условии, что может быть более трех узлов XML и / или тегов HTML H2?

<div class="itemLoc">
    <h2></h2>
</div>
<div class="itemLoc">
    <h2></h2>
</div>
<div class="itemLoc">
    <h2></h2>
</div>

Любая помощь будет отличной! Спасибо!

Answer 1

Спасибо, ребята, но я понял:

Я добавил индекс в цикл, а затем установил этот индекс для местоположения h2:

$(data).find('Product').each(function(i) {     
    var itemDescSrc = $(this).find('ItemName').text();
    var itemDescLoc = $('div.itemLoc h2');
    itemDescLoc.eq(i).text(itemDescSrc);
});

Answer 2

как насчет использования XSLT вместо javascript для обработки? http://www.w3schools.com/xsl/default.asp

это именно то, для чего он предназначен (преобразование XML в другой формат)

я знаю, что это не то, что вы спросили, но в случае, если вы не знали: -)