How to read XML elements using jquery in HTML

Question

I am trying to read XML elements without using elements name i.e. "Books" from the following example. for e.g.

  <Books>
           <book>
              <title>C++</title>
              <author>A</author>
           </book>
           <book>
              <title>XML</title>
              <author>X</author>
           </book>
    </Books>

In other words How to dynamically read "Books" element and assign children element to array using jquery in HTML. Any help would be appreciated.

Hello Lakhae, try this killertilapia.blogspot.in/2011/03/… — Naveen D Almeida
– Naveen D Almeida, Commented Feb 18, 2013 at 17:41
Thank you Naveen. I can read the xml file by using $(this).find('text').text(); Now what I am trying to do is without giving 'text' how can I read all the sub elements of <Formdata> and assign them to array. — Lakhae
– Lakhae, Commented Feb 18, 2013 at 17:50
You can't. You can't select something from nothing? You can use children(), closest(), first(), last(), next() and a hundred other methods without using the tagname, but you can't get all tags with a certain name unless you select them by name, or if they are all children of the same element etc. — adeneo
– adeneo, Commented Feb 18, 2013 at 17:52

Abhijit Gaikwad · Accepted Answer · 2013-02-18 17:47:59Z

1

I wrote simple HTML for you. Demo at http://jsfiddle.net/UC2dM/185/

$.ajax({
    url:'/echo/xml/',
    data: {xml:'<Books><book><title>C++</title><author>A</author> </book><book><title>XML</title><author>X</author></book></Books>'},
    dataType: 'xml',
    type:'post',
    success: function(data){
        var xml = $(data);
        $('#container').append( CategoryToUl(xml.children()) );
    }
});

function CategoryToUl(xml){
    var categories = xml.children('book');
    if (categories.length > 0)
    {
        var ul = $('<ul/>');
        categories.each(function(){
            var $this = $(this);
            var li = $('<li/>');
            var a = $('<a/>',{
                text: $this.children('title').text()
            });
            li.append(a);
            li.append( CategoryToUl( $this ) );
            ul.append(li);
        });
        return ul;
    }
    return null;
}

answered Feb 18, 2013 at 17:47

Abhijit Gaikwad

3,17231 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Lakhae Over a year ago

Thanks but that is not what I am looking for.

Lakhae · Accepted Answer · 2013-02-18 18:37:38Z

0

Thank you all. I have found my solution

var xml = "<root><stuff></stuff><stuff><stuffchild></stuffchild></stuff></root>";

function alertit(jqueryObject) {
    if (jqueryObject.length === 0) return;

    jqueryObject.each(function() {
        alert(this.nodeName.toLowerCase());
    });

    alertit(jqueryObject.children());
}

alertit($(xml));

http://jsfiddle.net/TBwm8/3/

Thanks.

answered Feb 18, 2013 at 18:37

Lakhae

1,9195 gold badges25 silver badges40 bronze badges

Collectives™ on Stack Overflow

How to read XML elements using jquery in HTML

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related