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

我试图获得woocommerce变量的颜色，但遇到了这个问题，我想在逗号后为每个字符串添加html标记

守则：

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

白色、绿色

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

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

白色

绿色

---

要实现这一点，您可以结合使用

replaceWith（）

，覆盖原始

p

元素，以及

map（）

从原始元素文本中以逗号分隔的颜色名称列表中构建多个

p

元素，如下所示：

$（'p'）.replaceWith（函数（）{
返回$（this.text（）.split（'，'）.map（函数（t）{
返回`
${t.trim（）}
`；
});
});

白色、绿色
因此有一个包含所有颜色的div，您想将它们分成不同的字符串，并删除包含所有颜色的字符串吗？没问题。如果答案有帮助，不要忘记接受它——这也适用于你之前的所有问题。