2012-05-06 48 views
0
var wrapper = $('<p><div class="text">Hello World</div></p>'); 
console.log(wrapper.html()); 

變爲如何禁用jQuery關閉你的P標籤?

<p></p><div class="text">SOMETHING</div><p></p> 

你怎麼能避免被搞砸了這樣的HTML?


答:我沒有意識到在一段中放置DIV是無效的HTML。

+6

在p中有一個div是無效的:http://stackoverflow.com/questions/4291467/nesting-block-level-elements-inside-the-p-tag-right-or-wrong。 –

+2

*如何避免HTML被搞砸?*創建有效的HTML:P瀏覽器將一直嘗試糾正無效的HTML ... –

回答

0

嘗試

var wrapper = $('<p></p>').html('<div class="text">Hello World</div>'); 
console.log(wrapper); 
0
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/

+0

我很感謝您的回覆,但我從外部源加載html內容並嘗試把它添加到DOM中,但是所有的P都會這樣搞砸。 – Mark

+0

只需使用'innerHTML'然後 –

+0

看到這個小提琴:http://jsfiddle.net/Ralt/R9kXU/ –