Как передать переменнуюв функцию если я ее вызываю по клику на элементе страницы?

В jQuery когда мы вешаем любое событие на элемент практически очень редко нам приходиться дать параметры в функцию обработчик. Но в jQuery реализовано все это, оно называется event.data. Вот простой пример где мы даем 2 параметра в функцию обработчик клика на элемент.

$(".test_func").click({param1: "Hello", param2: "World"}, function(event){ 
    alert(event.data.param1); 
    alert(event.data.param2); 
}); 
 
// in your function, just grab the event object and go crazy... 
function cool_function(event){ 
    alert(event.data.param1); 
    alert(event.data.param2); 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="test_func">test content</div>

Здесь функция обработчик написано отдельно, но мы можем и без разделения функции обработчика.

Вот второй пример:

$(".test_func").on('click',{param1: "Hello", param2: "World"},function(event){
    alert(event.data.param1);
    alert(event.data.param2);
});