получить имя заголовка таблицы с помощью jquery

Question

Как я могу получить имя заголовка столбца соответствующей ячейки, щелкаемого с помощью плагина jquery: таблица начальной загрузки

$("#voterTable").on('click-cell.bs.table', function(field, value, row, element) {
      console.log(field);
   });

Я пробовал что-то подобное, но это дает объекти я не смог найти свойство заголовка столбца.Я также попытался найти заголовок столбца в аргументе элемента и значения, но не смог найти свойство заголовка столбца.

Answer 1

Используйте функцию closest () .Затем используйте index (), чтобы найти соответствующий th из td.Также присвойте идентификатор родительской таблице

HTML

<table id="tbl1" border="1">
    <tr>
        <th>heading 1</th>
        <th>heading 2</th>
    </tr>
    <tr>
        <td class="edit">row 1, cell 1</td>
        <td class="edit">row 1, cell 2</td>
    </tr>
    <tr>
        <td class="edit">row 2, cell 1</td>
        <td class="edit">row 2, cell 2</td>
    </tr>
</table>

Javascript

$('#tbl1').on('click', '.edit', function () {
    var th = $('#tbl1 th').eq($(this).index());
    alert(th.text()); // returns text of respective header
});