Output valid xml with jquery.html()

Question

I want to export some html as valid XML.

<div id="test">
  <p data-test="&nbsp">
  Foo&nbsp;bar
  </p>
</div>

The output of $('#test').html() is: <p data-test=" "> Foo bar </p>. This is valid html. But the entity   is not valid in XML. So a valid XML output would be <p data-test=" "> Foo bar </p>.

How can I create numerical entities/valid XML with $(...).html() ?

Given that all html() is intended to do is to be a wrapper around getting the innerHTML of an element..... you wouldn't? — Taplar
– Taplar, Commented Aug 15, 2018 at 14:15
This really is an example of an meta.stackexchange.com/questions/66377/what-is-the-xy-problem . Rather than asking how to make html() return valid xml, you should instead ask how to make valid xml. — Taplar
– Taplar, Commented Aug 15, 2018 at 14:17

agDev · Accepted Answer · 2018-08-15 14:27:37Z

1

To get XML use XMLSerializer

var s = new XMLSerializer();
var d = document;
var str = s.serializeToString(d);
console.log(str)

This will return the current document to valid XML.

Working example here.

See here for more info on XMLSerializer.

Taken from this answer.

answered Aug 15, 2018 at 14:27

agDev

8651 gold badge11 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Output valid xml with jquery.html()

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related