Working with XML document

by ian_smithz

HTML

<button>Click it!</button>

JavaScript

$('button').click(function(){
    var isLoading = $('<div>It\'s loading...</div>').appendTo(document.body);

    sendRequest(function(data){
        isLoading.remove();
        var nodes = $('talent', data);
        alert('Nodes quantity: ' + nodes.length);
        var sum = 0;
        nodes.each(function(){
            sum += parseInt($(this).text()) || 0;
        });
        alert('Nodes sum: ' + sum);
    });

    function sendRequest(callback){
        $.post('/echo/xml/',{xml:'<playerTalents><talent id="5">10</talent><talent id="6">10</talent><talent id="3">20</talent><talent id="1">10</talent><talent id="2">10</talent><talent id="4">10</talent><talent id="7">30</talent><talent id="12">4</talent><talent id="13">10</talent><talent id="8">2</talent><talent id="10">6</talent><talent id="11">10</talent></playerTalents>', delay:2}, callback);
    }
});