在我的页面上,div中有许多逗号分隔值,如下所示:
<div class="frequency">
Within 48 hours,Annually
</div>
<div class="frequency">
First 2 weeks,Annually
</div>
<div class="frequency">
Annually
</div>
我正在try 将每个值包装在一个SPAN标记中.我已经做到了这一点,但它只对第一个有效,然后对其余的重复相同的值:
var frequencylabels = $('.frequency').html().split(',');
$('.frequency').empty().append(frequencylabels.map(i => `<span class="label">${i}</span>`));
$('.frequency span').unwrap();
我如何才能实现这一输出?
<span class="label">Within 48 hours</span><span class="label">Annually</span>
<span class="label">First 2 weeks</span><span class="label">Annually</span>
<span class="label">Annually</span>
这是一张JSFiddle demo美元的钞票