var wrapper = $('<p><div class="text">Hello World</div></p>');
console.log(wrapper.html());
变成
<p></p><div class="text">SOMETHING</div><p></p>
你怎么能避免 HTML 像那样混乱呢?
回答: 我没有意识到将 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 像那样混乱呢?
回答: 我没有意识到将 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/