Element color tooltip

by Daniel Shell

HTML

<div class="jump-response">one</div>
<div class="jump-response">two</div>
<div class="jump-response">three</div>
<div class="jump-response">four</div>
<div class="jump-response">five</div>

JavaScript

function get_random_color() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.round(Math.random() * 15)];
    }
    return color;
}

$(function() {
    $(".jump-response").each(function() {
        
        var myColor = get_random_color();
        
        $(this)
            .css("background-color", myColor)
            .attr('title', 'Color: ' + myColor);
        
    });
});