How to modify XML with JQuery

Question

I am trying to modify a status flag in an XML structure using Javascript. Using examples found on the internet I believe this should work:

test = "<?xml version='1.0' encoding='utf-8' standalone='no' ?>" + 
    "<resultaat>" +
        "<type>6</type>" +
        "<status>I</status>" +
        "<start_datum>2012-06-16 00:00:00</start_datum>" +
        "<eind_datum></eind_datum>" +
    "</resultaat>"

To change the content of the status field:

$(test).find("status").text("D")

The result is however that test is not modified and still contains the old status I

Thanks for the answers

The correct insight is that you need to convert to an XMLObject first and modify this.

Below is how I ended up doing it:

/* Convert Text to XML Object */
doc = $.parseXML(test)

/* Change the fields required */
$(doc).find('status').text('D')

/* Back to Text */
str = (new XMLSerializer()).serializeToString(doc);

That's because test is a string and you're not modifying it. — Jared Farrish
– Jared Farrish, Commented Jun 29, 2012 at 8:26

Jared Farrish · Accepted Answer · 2012-06-29 08:39:20Z

6

Use jQuery.parseXML()

<p id="someElement"></p>
<p id="anotherElement"></p>

var xml = "<rss version='2.0'><channel><title>RSS Title</title></channel></rss>",
    xmlDoc = $.parseXML( xml ),
    $xml = $( xmlDoc ),
    $title = $xml.find( "title" );

/* append "RSS Title" to #someElement */
$( "#someElement" ).append( $title.text() );

/* change the title to "XML Title" */
$title.text( "XML Title" );

/* append "XML Title" to #anotherElement */
$( "#anotherElement" ).append( $title.text() );

edited Jun 29, 2012 at 8:39

Jared Farrish

49.4k17 gold badges100 silver badges108 bronze badges

answered Jun 29, 2012 at 8:36

Christopher Tokar

11.9k9 gold badges42 silver badges57 bronze badges

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

1 Comment

Tramov Over a year ago

Thanks for the comments, I ended up doing it like this: /* Convert to XML Object / doc = $.parseXML(test) / Modify Content / $(doc).find('status').text('D') / Back to Text */ str = (new XMLSerializer()).serializeToString(doc);

Hardik · Accepted Answer · 2012-06-29 08:31:39Z

0

you need to write code something like this...

test = "<?xml version='1.0' encoding='utf-8' standalone='no' ?>" + 
    "<resultaat>" +
        "<type>6</type>" +
        "<status>I</status>" +
        "<start_datum>2012-06-16 00:00:00</start_datum>" +
        "<eind_datum></eind_datum>" +
    "</resultaat>";

def = $(test).find("status").text("D");

console.log(def);

To make it work....

answered Jun 29, 2012 at 8:31

Hardik

5364 silver badges12 bronze badges

3 Comments

Jared Farrish Over a year ago

That just gives you <status>.

Hardik Over a year ago

if you carefully see the status variable in console it have <status> as a "D" so its actually changed.

Jared Farrish Over a year ago

That's not the point; the OP wants the entire XML back, not just the one node.

John Slegers · Accepted Answer · 2016-02-25 13:47:46Z

0

Mmmmm, this answers works... but not allways. I'm using an old webkit version wich is bundled inside Tidesdk and i have some weird problems:

$(xml).find("whatever").append("<however></however>");
// doesn't modify xml

$("<however></however>").appendTo($(xml).find("whatever"));
// does modify xml

??? :_)

edited Feb 25, 2016 at 13:47

John Slegers

47.4k23 gold badges205 silver badges173 bronze badges

answered Feb 5, 2013 at 16:37

RollWhisTler

3411 gold badge3 silver badges10 bronze badges

Collectives™ on Stack Overflow

How to modify XML with JQuery

3 Answers 3

1 Comment

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related