訪問表頭

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