2016-04-27 81 views
4

一個div deferents HTML標籤我有HTML下面幾行:總結與使用jQuery

<header class="title"> 
    <h3>Billing Address</h3> 
</header> 

<address> 
<p>Address</p> 
</address> 

而且我想使用jQuery新div之間來包裝他們,因爲我沒有訪問HTML。

如果我使用.before().after(),這是行不通的

$('header').before('<div="new-div">'); 
$('address').after('</div>'); 

我試圖與.wrap().append(),但也不起作用。

結果shoulbe是:

<div class="new-div"> 
    <header class="title"> 
     <h3>Billing Address</h3> 
    </header> 

    <address> 
    <p> Address </p> 
    </address> 
</div> 

謝謝!

+1

無關的問題一起,但不應該使用的地址標籤隨便一個ddress。根據規範,它只能用於特定頁面,部分或文章的聯繫信息。鑑於您的帳單地址標題「,這不符合此標準,因此應使用ap。 –

+0

感謝Ian Devlin的評論。正如我所說,我無法訪問html :(但我會要求更正:)感謝收益 – andresgl

回答

6

使用.wrapAll()而不是.wrap()

wrapAll:裹圍在匹配的元素集合中的所有元素的HTML結構。

$("header,address").wrapAll("<div class='new' />"); 

Working Demo

+0

Milind Anantwar謝謝它的作品:) – andresgl

1

您還可以使用prepend()append()

$('header').prepend('<div="new-div">'); 
$('address').append('MYDIV</div>'); 

檢查this小提琴

+0

豐盛的感謝我認爲wrapAll更好,無論如何感謝:) – andresgl

+0

是啊,看起來!不客氣! – Hearty