2013-03-23 69 views
0

什麼是添加這樣的事情最好的辦法通過追加jQuery的.append()解決方案

<div> 
<a href=""></a> 
<div> 
    <pre> 
    </pre> 
</div> 
</div> 

我一直在尋找一些技巧, Does jQuery append() close html tags? jquery append() not writing closing tag http://forum.jquery.com/topic/append-automatically-closing-html-tags

但對於這些標籤,沒有任何工作;/

+0

問題是動態內容,其需要的功能,誘導什麼是在開始時 – robinloop 2013-03-23 20:33:32

回答

1

我不知道我理解你的問題。你是否想要一個方法來追加全部你已經列出的內容到另一個元素?

如果是這樣,這是一種方法。如果您將它們編寫爲<div/>,jQuery將自動關閉元素。假設您想在body元素的末尾添加您問題中的所有內容。

編輯:你甚至可以添加屬性到自閉標記,如<a href="#"/>,所以我已經更新了相應的代碼。

你可以是這樣做的:

$('body').append('<div class="awesome-class"/>'); 
$('div:last-child').html('<a href="#"/><div><pre/></div>'); 

我不知道,如果你能在一個劃線管理它,所以我做了兩半。首先,我追加最外層的div,然後用html方法插入其他所有內部。

這是你在追求什麼?

與類的代碼在您的評論中列出:

$('body').append('<div class="test"/>'); 
$('div:last-child').html('<a class="test2" href="#"><img src="#"/>link</a><div class="test3"><pre/></div>'); 
+0

是否有可能與類屬性添加呢? – robinloop 2013-03-23 19:34:18

+0

是的,您可以使用添加所有屬性的方式,甚至是自動關閉標籤,所以我重寫了答案。第一個'div'有一個類,'a'現在是自動關閉的。你的工作怎麼樣? – raphaelvalerio 2013-03-23 19:39:15

+0

我會試試這個,並給出一個反饋。 – robinloop 2013-03-23 19:43:34