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。
嘗試
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/
我很感謝您的回覆,但我從外部源加載html內容並嘗試把它添加到DOM中,但是所有的P都會這樣搞砸。 – Mark
只需使用'innerHTML'然後 –
看到這個小提琴:http://jsfiddle.net/Ralt/R9kXU/ –
在p中有一個div是無效的:http://stackoverflow.com/questions/4291467/nesting-block-level-elements-inside-the-p-tag-right-or-wrong。 –
*如何避免HTML被搞砸?*創建有效的HTML:P瀏覽器將一直嘗試糾正無效的HTML ... –