向元素添加一个开始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包装为具有类名"pagination_wrapper"的父div,但遗憾的是还不成功.任何帮助,建议,推荐,想法,线索,使这项工作将不胜感激.谢谢.

Answer 1

jQuery有一个wrapAll方法:

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

工作实例

Answer 2

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

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

小提琴