访问表头

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。

你需要找到td的最接近tbody，比以前获得标签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

使用色谱柱来匹配理论值的索引。

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