jquery for xml parsing

Question

Hello folks,

I am trying to use jquery for xml parsing.

Snippet of my XML is as follows

<ex>Some text here <it>some italic text</it> some more text <it>text more </it> text text <it>some more italic</it>go go</ex>

I want to get the text within and tags and display my content as follows

Some text here <i>some italic text</i> some more text <i>text more</i> text text <i> some more italic</i> go go

Basically, get the text from as well as and format it as shown above

Any help is appreciated

Thanks

Answer 1

Here are a couple of good tutorials to get you started, complete with code samples:

http://blog.reindel.com/2007/09/24/jquery-and-xml-revisited/

http://www.switchonthecode.com/tutorials/xml-parsing-with-jquery

Answer 2

You could try something like this, i'm unsure on the $this.text(), as this may ignore the markup tags you have in the xml as you can't use .html() method in xml documents. Should hopefully point you in the right direction. This also assumes you have multiple 'ex' tags.

$.get("youXML.xml",
   function(data){
    var parsedHTML = "<div>";

    //For each ex tag do this
    $(data).find("ex").each(function(){
     var $this = $(this);//The current ex tag we are iteration over
     parsedHTML += "<p>"  + $this.text() + "</p>";
    });
    parsedHTML += "</div>";

    $("#container").html(parsedHTML);
   });

Answer 3

Check out the jParse the jQuery XML Parse Plugin jParse !!