在包装器div中的帖子末尾包装简码

Question

我想知道如何以最简单的方式进行排序：在Worpress帖子的末尾，我放置了一个或多个短代码来获取在functions.php中定义的自定义内容。

每个简码都具有相同的product_icon类，但是图像却不同：

所以帖子可能看起来像这样：

<p>content...</p>
<p>content...</p>
[icon1] (shortcode)
<div class="product_icon">
  <img src="icon1.png"> 
</div>
[icon2] (shortcode):
<div class="product_icon">
  <img src="icon2.png"> 
</div>

如何将每个product_icon div包装到包装div中？简码的数量和顺序因职位而异。

我知道我可以使用jQuery jQuery(".product_icon").wrapAll('<div class="wrapper">');-但是在函数文件中可以使用更优选的方法吗？

预期输出：

<div class="wrapper">
  <div class="product_icon">
    <img src="icon.png">
  <div class="product_icon">
    <img src="icon.png"> 
  </div>
</div>