Выберите строку TH соответствующего TD

Question

http://jsfiddle.net/wT3Ev/ Как получить текст, который находится в строке TH выбранного td?

Да, я нашел некоторые связанные должности, но ничего, что делает трюк для меня.

Я пробовал:

$(document).on("click", "#sTab td,#pvTab td", function() { 
alert($('#sTab tr').find('th:nth-child(' + $(this).parent().index() + ')').innerHTML); 

alert($(this).parent()); 

var th = $(this).closest('table').find('th').eq(this.cellIndex); 

alert(th.innerHTML); 
} 

Answer 1

Я хотел бы предложить:

/* binds a click-handler to the 'tbody' element, 
    filters those clicks to only those that originate on a 'td' element: 
*/ 
$('tbody').on('click', 'td', function(){ 
    /* gets the siblings of the clicked 'td' element, filters those siblings 
     for 'th' elements, gets the first of those matching elements, 
     and then retrieves the text of that element, assigning it to the variable: 
    */ 
    var thText = $(this).siblings('th').first().text(); 
    console.log(thText); 
}); 

JS Fiddle demo.

Или, используя немного больше DOM (маленькое, крошечного увеличения эффективности):

// same as above: 
$('tbody').on('click', 'td', function(){ 
    /* using DOM (not jQuery), moving from the clicked 'td' element 
     to its parentNode ('tr'), retrieving the first of its children 
     (JavaScript is zero-indexed, the first child is at position '0'), 
     and retrieving its textContent (the text of the 'th'): 
    */ 
    var thText = this.parentNode.children[0].textContent; 
    console.log(thText); 
}); 

JS Fiddle demo.

Ссылки:

• first().
• on().
• siblings().
• text().

Answer 2

Это должно работать:

var index = $(this).index(); 
console.log($(this).parents("table").find("th:eq(" + index + ")").text()); 

Edit: строка заголовка: console.log($(this).closest("tr").find("th").text());

Fiddle: http://jsfiddle.net/wT3Ev/4/

Answer 3

Вы не были слишком далеко. Это работает с вашим примером:

$(document).on("click", "#sTab td,#pvTab td", function() { 
    var tdIndex = $(this).index(), 
     table = $(this).closest('table'), 
     headingIndex = tdIndex + 1, 
     thText = table.find('th:nth-child(' + headingIndex + ')').text(); 
    alert(thText); 
}); 

Answer 4

$(this).parent().find('th').html(); 

редактирование: объяснение - строка всегда родитель ячейки, нет необходимости искать индекс - просто посмотрите на заголовок в строке, в которой у вас есть клетка. ..

http://jsfiddle.net/qA6R9/