Question

How to use JavaScript or CSS to change a string on a page.

I will have around 50 elements which contain tags separated by commas ie

 <a name="tagslist">Skrillex, dubstep, dance</a>

I want to using JavaScript take each of these words and style them differently so that they don’t look like they are separated by commas but on different lines. The problem is there can be a variable amount of tag lists on the page.

Is there any way i can achieve this easily?

Answer 1

$('a[name="tagslist"]').html(function(_, html){
    var arr = [],
        tags = html.split(/\s*,\s*/);

    for (var i=0; i<tags.length; i++)
        arr.push('<div class="whatever">' + tags[i] + '</div>');

    return arr.join('');
});