访问表头

Question

我试图获取当前单元格的表头的值，但我没有得到任何输出

$('tbody').on('click', 'td', function(){
    var thText = $(this).siblings('th').first().text();
});

我做错了什么？ http://jsfiddle.net/Vq3av/

Answer 1

Fiddle Demo

$('tbody').on('click', 'td', function () {
    var thText = $(this).closest('tbody').prev().find('th').first().text();
    console.log(thText);
});

<小时/> table正文存储在tbody和thead中的标题标记中。

您需要找到与tbody最接近的td而不是之前的thead代码，而不是找到th

<小时/> .closest()

.prev()

.find()

<小时/> Fiddle Demo

$('tbody').on('click', 'td', function () {
    var index = $(this).index();
    var thText = $(this).closest('tbody').prev().find('th').eq(index).text();
    console.log(thText);
});

.index()

.eq()

this keyword

Answer 2

使用列的索引匹配th。

$('tbody').on('click', 'td', function(){
    var thText = $(target).find("th").eq($(this).index()).text();
    console.log(thText);
});