var wrapper = $('<p><div class="text">Hello World</div></p>');
console.log(wrapper.html());
なる
<p></p><div class="text">SOMETHING</div><p></p>
HTMLがそのようにめちゃくちゃになるのをどのように回避できますか?
ANSWER : 段落内に DIV を配置することが無効な HTML であることに気づきませんでした。
var wrapper = $('<p><div class="text">Hello World</div></p>');
console.log(wrapper.html());
なる
<p></p><div class="text">SOMETHING</div><p></p>
HTMLがそのようにめちゃくちゃになるのをどのように回避できますか?
ANSWER : 段落内に DIV を配置することが無効な HTML であることに気づきませんでした。
div
内ではサポートされていませんp
試す
var wrapper = $('<p></p>').html('<div class="text">Hello World</div>');
console.log(wrapper);
var wrapper = $( '<p></p>').append(
$( '<div></div>' )
.text( 'Hello World' )
.attr( 'class', 'text' )
);
またはinnerHTML
、コメントから使用するだけです:
var wrapper = document.createElement('p');
wrapper.innerHTML = '<div class="text">Hello World</div>';
console.log( wrapper );
Jsfiddle: http://jsfiddle.net/Ralt/R9kXU/