2015-04-27 69 views
3

我有這樣的HTML結構(如下所述)開始div標籤的元素和結束的div標籤添加到另一個元素

<div class="pagination_info"></div> 
<div class="pagination_numbers"></div> 

現在,我想什麼是.pagination_info前添加一個開始div標籤DIV和.pagination_numbers DIV之後添加結束的div標籤,因此預期輸出必須是(如下所述)

<div class="pagination_wrapper"> 
    <div class="pagination_info"></div> 
    <div class="pagination_numbers"></div> 
</div> 

我試過到目前爲止(參見下圖)

$('.pagination_info').before('<div class="pagination_wrapper">'); 
$('.pagination_numbers').after('</div>'); 

所以,我試圖實現的是將.pagination_info div和.pagination_numbers與父類div包裝在一起,該父類的類名爲「pagination_wrapper」,但尚未成功。任何幫助,建議,建議,想法,線索,使這項工作將不勝感激。謝謝。

+2

你在文本thiking (HTML),但那不是你的處理。你正在處理樹中的元素(DOM)。下面的答案向你展示瞭如何使用元素(jQuery有一個特殊的*函數)。 –

回答

6

.wrapAll()將環繞在新的div兩個div的:

$(".pagination_info, .pagination_numbers").wrapAll("<div class='pagination_wrapper'>"); 

FIDDLE

相關問題