How to set $(this) as the clicked element

Question

In the following code:

// submit an item
$(document).on("click", ".match-item", function(event) {


    // how to set $(this) == $('.match-item') clicked?

});

I'm looking to retrieve $(this) as the clicked item and not the document itself. How would I do this?

Answer 1

This is more of clarification rather than answer.

this is already referring to the currently clicked element.

 $(document).on("click", ".match-item", function(event) { console.log($(this).attr('class')); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="parent"> Parent <div class="match-item">----Click Me</div> </div> 

Answer 2

How about

$('.match-item').click(function() {
     //your code with $(this) here
});

I am pretty sure $(this) will refer to the element with class match-item