Javascript- send the clicked object as parameter in onClick function

html, javascript, jquery

Solution

You can use `this`:

function clickCircle(obj) // the li element clicked in the current scope
{
    var element = obj;  // This is the DOM object being clicked
    var $this = $(obj); // This is the jQuery object being clicked

    // Use DOM object like
    element.style.color="#ff0000";

    // Use jQuery object like 
    $this.css('color', 'red');
}

Problem

In function clickCircle, i want to use the li which is being clicked. So i want to receive it as a parameter. ``` <li class="circle" onClick='clickCircle(this)'></li> ``` But what should i send as an actual paramenter? ie in place of 'this'.

Original source