Question

There is already the html() function in jQuery.

The problem I am having with this function is that, in its returned html string, all the self-closing / are stripped off from the elements. For example,

<div>
<input type="text" name="textbox1" value="" />
</div>

Becomes:

<div>
<input type="text" name="textbox1" value="">
</div>

I know this is normal for this function since this is valid in html.

But I would like to have a function that returns valid xml so that the / is still there in the returned string.

It seems jQuery itself does not provide such a function, so I wonder if anyone knows of any plugin that can make this possible.

Thanks in advance.

Answer 1

I think this is what I need.

Thank you very much for everyone’s reply.

http://code.google.com/p/jquery-clean/

UPDATE 1: I thought this plugin would work but actually it does not. The way I use it is that, I pass it the html string returned by html() and let it fix the tags which do not properly self-close.

However, the way it corrects the tags is not what I need (seems like a bug).

For example, passing it the following html:

<div><input type="text" id="txt1" name="txt1"><label for="txt1">TextBox1</label></div>

It gives:

<div><input type="text" id="txt1" name="txt1"><label for="txt1">TextBox1</label></input></div>

Rather than:

<div><input type="text" id="txt1" name="txt1" /><label for="txt1">TextBox1</label></div>

UPDATE 2: The bug I mention above is already fixed. This plugin works now. If you want to test it out, feel free to paste your html in this page and see if it works for you:
http://www.antix.co.uk/Content/Demos/jQuery-htmlClean/Test.htm