2014-11-05 60 views
-2

我嘗試插入html構造沒有關閉標記,不能得到soln ..任何一個可以幫助嗎?jquery如何插入html構造沒有關閉標記

HTML:

<button>Insert span element after each p element</button> 
<p>This is a paragraph.</p> 

JS:

<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("<span>").insertAfter("p"); 
    }); 
}); 
</script> 

在運行時,如果我們調試我得到的HTML像下面我:

<button>Insert span element after each p element</button> 
<p>This is a paragraph.</p> 
<span></span> 

即接近標籤.. i灣只插入沒有可能?

+0

爲什麼你不使用append?我認爲,jQuery是添加標籤作爲一個有效的HTML。 – vaso123 2014-11-05 13:38:19

+3

給我邏輯的理由,你想要發生。我相信必須有一個更好的方法來實現你想嘗試overral – laaposto 2014-11-05 13:41:09

+0

我可能是錯的,而不是jQuery我認爲這是瀏覽器自動關閉未正確關閉的標籤,試圖修復不正確的html。你可能試圖以一種錯誤的方式做事。你最終的目標是什麼? – Nobita 2014-11-05 13:42:20

回答

-1

你可以解釋一下,可能是一個例子,你想完成什麼?從我的理解,你不想要一個密切的標籤,是嗎? html輸出是一個有效的html,所以我不知道這個問題。如果你只是想要打開標籤,你可以這樣做:

$(document).ready(function(){ 
    $("button").click(function(){ 
    $("p").append('<span>'); 
    }); 
}); 
+0

那麼,@CaioFontes,你的代碼會把'p'元素的跨度放在上面,並像這樣關閉它:'

這是一段。

'。 – PeterKA 2014-11-05 13:50:02

+1

'append'將'span'元素作爲最後一個子元素插入'p'元素。無論'span'元素是否也有結束標記。 – secelite 2014-11-05 13:52:01