jquery - значение ссылки из одной функции в другую

Question

Я что-то здесь пропустил?

У меня есть код html:

<td class="clickable" data-type="connect1">ABC</td>

Затем у меня есть следующие jquery функции:

$(document).ready(function()
{
    showDetails();
}

getTypeToUse = function()
{
    dataType=$(this).data("type");
    console.log("dataType:"+dataType);
}

showDetails = function()
{
    $('body').on('click','.clickable',function()
    {
        getTypeToUse();
    })
}

Но когда я нажимаю на <td>, я получаю dataType:undefined.

Если я помещаю код внутри showDetails(), он работает, как ожидалось, и возвращает dataType:connect1.

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

Answer 1

this внутри вашего getTypeToUse относится к объекту window, а не к выбранному элементу. Вам необходимо передать элемент или событие вашей функции следующим образом:

$(document).ready(function() {
    showDetails();
});
    
getTypeToUse = function($ele) {
    dataType = $ele.data("type");
    console.log("dataType:"+dataType);
};
    
showDetails = function() {
    $('body').on('click','.clickable',function() { 
        getTypeToUse($(this));
    });
};