如何使用span标记拆分包含逗号的字符串

Question

有一个包含以逗号分隔的标签的字符串：

<div class="article" id="1">
    <span class="tags">Dog, Cat, Bird, Pig</span>
</div>

<div class="article" id="2">
    <span class="tags">Asia, Africa, Australia, Europe</span>
</div>
....

我想在tags类中使用span标签包装每个项目，以便每个项目都可以像这样单独设置样式

<span class="tags"><span>Dog</span><span>Cat<span>...</span>

Answer 1

$('.tags').html($('.tags').html().split(', ').map(function(el) {return '<span>' + el + '</span>'}))

小提琴here