jQuery(html) create child script elements at root level

[rtordable2]

jQuery(html) extract child script elements from html and put them in the root level. It doesn't respects de parent/child relationship and when I print out

Example:

var html = $("<div><div id='container1'>" +

"<script type='text/javascript'>" +

"alert('hello world');" +

"</script>" +

"<span>hello world </span>" + "<div id='container1.1'>" +

"<script type='text/javascript'>" +

"alert('hello world 2');" +

"</script>" +

"</div>" +

"</div>" +

"<div id='container2'>" +

"<span>hello world 3</span>" +

"</div></div>");

html.each(function(i){

console.log($(this).html());

});

I obtain the following 3 elements:

<div id="container1"><span>hello world </span><div id="container1.1"></div></div><div id="container2"><span>hello world 3</span></div>

alert('hello world');

alert('hello world 2');

With jQuery 1.3.2 we obtain only 1 element and with html(), the script tags and its content is printed in their corresponding level.

Thanks.

Ramón

[rtordable3]

With jQuery 1.3.2 the result is:

<div id="container1"><script type="text/javascript">alert('hello world');</script><span>hello world </span><div id="container1.1"><script type="text/javascript">alert('hello world 2');</script></div></div><div id="container2"><span>hello world 3</span></div>

The HTML code with the javascript.

[addyosmani]

Please resubmit your test case on jsFiddle as there are a number of string literal issues with the code you have posted.

[anonymous]

Here you are the test case:

​http://jsfiddle.net/HfcZZ/

Tested with jQuery 0 GIT, 1.4.2 and 1.4.3 versions. It only works with jQuery 1.3.2. The expected result is one element with its javascripts childs included in their corresponding level.

Thanks.

Rtordable

[snover]

Duplicate of #6941.