如何使用jQuery分别将每个父div内的a标签包裹在指定p标签中

问题原因 #

你原有代码直接全局选中所有.anchor元素调用wrapAll()，该方法会将页面内所有匹配到的元素统一打包，包裹进同一个<p>标签，因此所有a标签都被移动到了第一个.content容器中，不符合预期。

解决代码 #

$(".content").each(function() {
  // 仅处理当前遍历到的.content容器内的a标签
  $(this).find(".anchor").wrapAll("<p class='new'></p>");
});

实现逻辑 #

1. 先遍历页面内所有class为content的父容器
2. 针对每个容器单独查找其内部的.anchor链接
3. 仅对当前容器内的链接执行包裹操作，不会跨容器合并元素，最终就能实现每个父容器内的a标签单独包裹在<p class="new">中的效果。

内容的提问来源于stack exchange，提问作者Rajesh B