Search jQuery

jQuery Forum

in Developing jQuery Core • 7 years ago

Hi all,

It seems that it's not possible to create a document fragment with nested anchors using jquery.

> $('<a><a/></a>')

[<a>​</a>​
, <a>​</a>​
]

DOM works :

> var doc = document.createElement('a');

undefined

> doc.appendChild(document.createElement('a'))

<a>​</a>​

> doc

<a>​
<a>​</a>​
</a>​

And innerHTML too :

> var doc = document.createElement('a');
undefined
> doc.innerHTML = '<a/>';
"<a/>"
> doc
<a>​
<a>​</a>​
</a>​

I don't see any rationale behind this behavior (semantic aside) so I guess it's just a bug !?

Replies(2)

7 years ago

your native ways are not the same as the one you presented using jQuery.

"<a><a/></a>" is a complex html string, which means it gets passed to innerHTML (explained in the documentation)

it gives you "<a></a><a></a>"

This isn't a jQuery problem. make your html more precise.

-- Kevin

7 years ago

Yeah right ! Sorry, I should have tried to innerHtml the whole structure in order to figure that out.

Sorry for the disruption !