JQuery Event Click Stuff for Russ

by meatHucker

HTML

<div id="wrapper">
    <ul id="list">
        <li id="item-0"><a id="item-0-link">Cats</a></li>
        <li id="item-1"><a id="item-1-link">Dogs</a></li>
        <li id="item-2"><a id="item-2-link">Elephants</a></li>
        <li id="item-3"><a id="item-3-link">Fish</a></li>
        <li id="item-4"><a id="item-4-link">Roosters!!!!!!!</a></li>
    </ul>
</div>

CSS

#wrapper{
    font-family: sans-serif;
    padding: 8px;
    background-color: rgba(255, 0, 0, 0.2);
    cursor: pointer;
}
#wrapper * {
    display: block;
    margin: 8px;
    padding: 8px;
    background-color: rgba(255, 0, 0, 0.2);
    cursor: pointer;
}

JavaScript

var $doc = $(document);

var clickHandler = function (event) {
    console.log('This data:', this);
    console.log('Event data:', event);
    console.log('Target data:', event.target);
    console.log('CurrentTarget data:', event.currentTarget);
};


$doc.on('click', clickHandler);