使用jquery获取表标题名称

Question

如何使用jquery插件获取相应单元格的列标题名称：bootstrap-table

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

我尝试过这样的东西，但是它给了一个对象，我找不到列标题属性。我也尝试在元素和值参数中查找列标题，但找不到列标题属性。

Answer 1

使用功能closest()。 然后使用index（）查找相应的td。 同时将id分配给父表

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
});