时间戳

首页 > 解决方案 > 如何在逗号后为每个字符串添加类？

jquery - 如何在逗号后为每个字符串添加类？

问题描述

我试图获取 woocommerce 变量的颜色并遇到问题，我想在逗号后为每个字符串添加 html 标签。

编码：

<p class="color">white, green</p>

我想为每个字符串添加 html 标记，如下所示：

<p class="color">white</p>
<p class="color">Green</p>

标签： jquery

解决方案

为此，您可以使用 , 的组合replaceWith()来覆盖原始p元素，并从原始元素文本中以逗号分隔的颜色名称列表map()构建多个元素，如下所示：p

$('p').replaceWith(function() {
  return $(this).text().split(',').map(function(t) {
    return `<p class="color">${t.trim()}</p>`;
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p class="color">white, green</p>

推荐阅读