jquery parse html in xml

Question

I have an xml file with html tags in it that I parse using jquery ajax. I can get the text value without a problem. How do I get the html part within an element?

Edit: I tried wrapping the html in cdata but would rather have the xhtml within the xml.

$.ajax({ type: "GET",
                        url: "product.xml",
                        dataType: "xml",
                        success: function (xml) {

                            $(xml).find("product[productid=" + selection + "]").each(function () {
                                var $title = $(this).find("title").text();        //get title  
                                var $desc = $(this).find("description").html();          //get description  
                                //$('[nodeName=]',xml)
                                $("#producttitle").html("");
                                $("#productdesc").append($desc);
                                $("#producttitle").append($title);

                            });

                        }  

<product productid="1">
    <title>Active Directory</title>
    <status>noinfo</status>
    <description>
        Headline
        <b>tester</b>
        <ul>
            <li>test list element</li>
        </ul>
    </description>
    <link title=""></link>
</product>

Cheers, Terry

Well basically the usual jquery.ajax $.ajax({ type: "GET", url: "product.xml", dataType: "xml", success: function (xml) {.... I get the value with var $desc = $(this).find("description").text(); — Terry Marder
– Terry Marder, Commented Jun 8, 2011 at 10:08

lonesomeday · Accepted Answer · 2011-06-08 10:18:13Z

1

~~To get content with tags included as tags rather than escaped as text content, use html:~~

~~var $desc = $(this).find("description").html();~~

However, if you are inserting this content into the document, you don't need to get the HTML -- you can just append the selection:

$(this).find('description').clone().appendTo('#containingElement');

clone is necessary to import the node.

edited Jun 8, 2011 at 10:18

answered Jun 8, 2011 at 10:09

lonesomeday

239k54 gold badges330 silver badges329 bronze badges

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

2 Comments

Terry Marder Over a year ago

unfortunately using .html() won't work with ajax datatype xml.

lonesomeday Over a year ago

@Terry Thanks, I've deleted that bit.

witek · Accepted Answer · 2013-07-29 05:14:37Z

1

try to read xml file as html:

$.ajax({ type: "GET", url: 'file.xml', dataType: "html", success: function(xml) { ....

answered Jul 29, 2013 at 5:14

witek

3512 silver badges19 bronze badges

1 Comment

blackcompe Over a year ago

Using the 'HTML' datatype (instead of 'XML') helped solved a problem where the JQuery XML parser failed due to unsupported special char encodings contained in the XML.

Bemmu · Accepted Answer · 2011-06-08 10:12:05Z

0

Just using $(this).find("description").html() seems to work.

answered Jun 8, 2011 at 10:12

Bemmu

18.3k16 gold badges82 silver badges94 bronze badges

Collectives™ on Stack Overflow

jquery parse html in xml

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related