向元素添加一个开始div标签，并将div标签结束到另一个元素

Question

我有这个html结构（参见下文）

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

现在，我想要的是在.pagination_info div之前添加一个开始div标签，并在.pagination_numbers div之后添加end 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包装为具有类名＆＃34; pagination_wrapper＆＃34;的父div。但遗憾的是还不成功。任何帮助，建议，推荐，想法，线索，使这项工作将不胜感激。谢谢。

Answer 1

jQuery有一个wrapAll方法：

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

Working Example

Answer 2

.wrapAll()将围绕新div包装两个div：

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

FIDDLE