Jquery's method of selecting all nodes from a given XML document

Question

0.00/5 (No votes)

See more:

, +

XML

<A>
<z id="232" zzz="3" aaa="13" >
<z id="232" zzz="3" aaa="13">
<z id="232" zzz="3" aaa="13">
</A>

I need to select all 'z' nodes using jquery.
I already know implemntation using Xpath(supported by FF,chrome) and Msxml2.DOMDocument(selectNodes--used in IE)

I basically want to remove check for Browser type and write a common Jquery implementation to do that. I have to put all the nodes seperately into an js array for later processing.
Thanks in Adance

Below 2 lines gets me all the 'z' nodes. Assume result contains above xml.

C#

xmlDoc = $.parseXML(result);
var Nodenew = $(xmlDoc).find("z");

But i see that it is not keeping the order within attributes. For ex: First 'z' nodes has attribute in this order: id,zzz,aaa but i am not getting this order, instead i get zzz,aaa,id.
Is there any method without XPath which can order it and fits for both IE and FF.Thanks

Posted 21-Mar-13 7:30am

devcode007

Updated 21-Mar-13 8:28am

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Prasad Khandekar · Accepted Answer · 2013-03-21T08:43:00

Hello,

Below is a small demo HTML. It shows how to process XML using a mix of JQuery & JavaScript.

HTML

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<p id="someElement"></p>
<p id="anotherElement"></p>
<script>
var xml = '<a><z id="232" zzz="3" aaa="13" /><z id="232" zzz="3" aaa="13" /><z id="232" zzz="3" aaa="13" /></a>';
var xmlDoc = $.parseXML( xml );
var znodes = $("z", xmlDoc);
$.each(znodes, function(index, value) {
    printInfo(value);
});

//traverseDOM(xmlDoc, printInfo);

function printInfo(node) {
    $("#someElement").append("NodeType " + node.nodeType + "<br>");
    $("#someElement").append("NodeName " + node.nodeName + "<br>");
    $("#someElement").append("NodeValue " + node.nodeValue + "<br>");
};

function traverseDOM(node, fn){
    fn(node); // execute passed function on current node
    node = node.firstChild; // get node's child
    while (node){ // if child exists
        traverseDOM(node, fn); // recursively call the passed function on it
        node = node.nextSibling; // set node to its next sibling
    }
}
</script>
</body>
</html></br></br></br>

Regards,