将一个起始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 包装在一个父 div 中，该父 div 具有一个名为“pagination_wrapper”的类名，但可悲的是，尚未成功。任何帮助、建议、推荐、思路和线索都将不胜感激。谢谢。

- Kheorke

---

你正在思考文本（HTML），但这不是你正在处理的内容。你正在处理树中的元素（DOM）。下面的答案向你展示如何处理这些元素（jQuery有一个专门用于此的函数）。 - T.J. Crowder

Answer 1

jQuery有一个wrapAll方法：

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

Working Example

- CodingIntrigue

Answer 2

.wrapAll()将把这两个

标签包裹在新的

标签内：

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

FIDDLE

- Brijesh Bhatt