Show DevBest Christmas Text

[Weasel]

So this script is an improved version of the one @RastaLulz uses on DevBest for the christmas style usernames.

$.fn.christmas = function() {
  $(this).each(function() {
    $(this).html($(this).text().split("").map(function(v, i) {
      return '<span class="christmas-' + (i % 2 == 0 ? 'red' : 'green') + '">' + v + '</span>';
    }).join(""));
  });
};

$(document).ready(function() {
$(function() {
  $('p.christmas').christmas();
});
});

.christmas-green {
    color: #008000;
}

.christmas-red {
    color: #D81E1E;
}

You can define the selector of the elements you want to change the text to christmas style in the function call (currently p.christmas).

Enjoy!

 

[Enlighten]

Thank you for sharing this!

 

[brsy]

What makes it improved? Did he use bad practices or something?