javascript - 将开始 div 标签添加到元素和结束 div 标签到另一个元素

Question

我有这个 html 结构(引用下面)

<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 与具有类名“pagination_wrapper”但遗憾的是尚未成功的父 div 包装起来。任何有助于完成这项工作的帮助、建议、建议、想法和线索都将不胜感激。谢谢。

Answer 1

jQuery 有一个 wrapAll方法:

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

Working Example