Odio JS

HTML

<a class="element1 active" href="javascript:void(0)" data-pk="2"><img class="sa-absolute-position" src="http://lorempixel.com/400/200/nature/" /></a>

<a class="element2 active" href="javascript:void(0)" data-pk="2"><img class="sa-absolute-position" src="http://lorempixel.com/400/200/nature/" /></a>

<div id="console-log"></div>

CSS

.console-line
{
    font-family: monospace;
    margin: 2px;
}

JavaScript

var consoleLine = "<p class=\"console-line\"></p>"; 
console = {
    log: function (text) {
        $("#console-log").append($(consoleLine).html(text));
    }
};

    $('.element1').click(function (event) {
        var element = this;
        if ( $(element).hasClass('active') ) {
            console.log('has class');
        } else {
            console.log('does not have class');
        }
    });

    $('.element2').click(function (event) {
        var element = event.target;
        if ( $(element).hasClass('active') ) {
            console.log('has class');
        } else {
            console.log('does not have class');
        }
    });