Question

Let’s say on ajax success the function: xmlParser(xml) is called and the XML response contains about 1500 xml elements (for example: …)

Inside it looks like:

function xmlParser(xml){
    var xmlDOM = $(xml);  // dom object containing xml response

    xdom.find("book").each(function(){
        var $node = $(this);
        // parsing all the <book> nodes
    });
}

How can you say: parse only first 20 nodes from the xml response, do something with them. And you have a button,..when clicked parses the next 20 nodes…and so on.

So bassically, is there something like: children(20)….and a function wich will parse the next 20 nodes onClick.

thx

Answer 1

I would store that data global on either a variable or jQuery’ish, with data.

function xmlParser(xml){
    $.data(document.body, 'xmlDOM', $(xml));  // dom object containing xml response      
});}

and then second function like

function getBooks(start, end){
  return($.data(document.body, 'xmlDOM').slice(start, end));
});

usage:

var books = getBooks(0,20);
 $.each(books, function(i){
   // do anything with objects, $('#something').append($(this));
 });