2015-04-27 46 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

相关问题