How to get the id of element when right clicked

Question

I like to know how to get the id of li when i right click over this li using javascript or jquery.

<ul>
    <li id="liid" class="collapsable">
        <div class="hitarea collapsable-hitarea">
        </div>
        <span class="folder">Group1.2</span>
    </li>
</ul>

I have the right click function.

$(document).bind("contextmenu", function (e) {
    // code to get the id of current li
});

Can any one help me please.

Answer 1

Use .on('contextmenu', 'li')

$(function() {
    $('ul').on('contextmenu', 'li', function(e) { //Get li under ul and invoke on contextmenu
        e.preventDefault(); //Prevent defaults
        alert(this.id); //alert the id
    });
});

Demo