Как получить заголовок колонки таблицы при нажатии на ячейку (jQuery)

Для того, чтобы получить заголовок колонки таблицы при нажатии на ячейку (jQuery), можно использовать следующий код:

 $(".exampleTable").on('click', 'td', function(e) {

        var index = $(this).index();

        var table = $(this).closest('table'); 

        var clickedTableColumnName =  table.find('th').eq(index).html();

});

Переменная clickedTableColumnName как раз будет содержать html заголовка.

Примечание: таблица должна содержать th поля, иначе данный код не будет работать.