$("<property/>").attr("k", "v") has no attribute on IE but $("<propert/>").attr("k", "v") has

[nicolas.albert@…]

​Here the test case with jsfiddle

I want to create a DOM elements with attributes using JQuery, so I use the JQuery parser like that $("<elt/>").attr("k", "v"). Attributes are skipped using IE if the element is created by $("<property/>").

Tests 'a', 'c' and 'e' failed on IE (tested 7 & 8).

Execution result on IE :

a : <property></property>
a = <property akey="avalue"></property>


b : <propert bkey="bvalue"></propert>
b = <propert bkey="bvalue"></propert>


c : <parent><property></property></parent>
c = <parent><property ckey="cvalue"></property></parent>


d : <parent><propert dkey="dvalue"></propert></parent>
d = <parent><propert dkey="dvalue"></propert></parent>


e : <property><child eckey="ecvalue"></child></property>
e = <propert ekey="evalue"><child eckey="ecvalue"></child></propert>


f : <propert fkey="fvalue"><child fckey="fcvalue"></child></propert>
f = <propert fkey="fvalue"><child fckey="fcvalue"></child></propert>

On Firefox 3.6.x :

a : <property akey="avalue"></property>
a = <property akey="avalue"></property>

b : <propert bkey="bvalue"></propert>
b = <propert bkey="bvalue"></propert>

c : <parent><property ckey="cvalue"></property></parent>
c = <parent><property ckey="cvalue"></property></parent>

d : <parent><propert dkey="dvalue"></propert></parent>
d = <parent><propert dkey="dvalue"></propert></parent>

e : <property ekey="evalue"><child eckey="ecvalue"></child></property>
e = <propert ekey="evalue"><child eckey="ecvalue"></child></propert>

f : <propert fkey="fvalue"><child fckey="fcvalue"></child></propert>
f = <propert fkey="fvalue"><child fckey="fcvalue"></child></propert>

[dmethvin]

The jQuery() method is documented to accept HTML, not XML. Some browsers will try to parse what they are passed but IE is not one of them.

[dmethvin]

Duplicate of #6693.