Question

I know the below question is very common , but i cant help myself posting here , since am little confused of what am doing in my code …

I am sending an AJAX request and getting XML as response ,
As of now am parsing it based on the tag name like below :

$(xml).find('Details').each(function(){
                        //email=$(this).find('Email').text();
                         $tbl.append($('<tr>').append(

                             $('<td>').text($(this).find('name').text()),
                             $('<td>').text($(this).find('LastName').text()),
                             $('<td>').text($(this).find('City').text()),
                             $('<td>').html("<a href='insert.jsp?email="+$(this).find('Email').text()+"&mode=Search"+" ' >"+$(this).find('Email').text()+"</a>"),
                             $('<td>').html("<a href='MyServlet?email="+$(this).find('Email').text()+"&mode=Delete"+" ' >"+"Delete"+"</a>")
                             ));
                }); 

The functionality what am trying to do is absolutely working fine ,

Problem :

How to parse the XML response dynamically without knowing the tag name or the parent ?

i referred the below links for that :
[XML Parsing with jQuery]

And i have to use only jquery :
any kind of help is appreciable ..
Thank You

Answer 1

Take a look through the Traversing API

There are quite a few functions where you can parse and move through the XML without actually knowing the tags. Some key ones for you would be children() next() siblings() and as you already know each()